/**
 * The following styles get applied inside the admin settings only.
 */


.tlb-settings-btn {
	background: #fdb92e !important;
	color: #fff !important;
	border: 1px solid #fdb92e !important;
	border-radius: 8px;
	transition: all 300ms ease-in-out;

	&:hover {
		box-shadow: none;
		color: #fdb92e !important;
		background: transparent !important;
	}

	&:focus:not(:disabled) {
		box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fdb92e;
	}

	&--cta {
		padding: 11px 72px;
	}
}

.tlb-settings-panel {

	&--banner {
		background: transparent;
		border: 0;
	}

	&--banner & {

		&__row {
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 4px;
		}
	}

	&__body {

		&:first-child {
			border-top-width: 0;

		}
	}
}