.kodo-settings-page {
    position: relative;
    display: flex;
    min-height: 100vh;
    padding: 0;
    flex-direction: column;
    justify-content: space-between;
}

.kodo-settings-panel{
	display: block;
	padding: 0 0 100px;
}

.kodo-settings-page .kodo-settings-panel-header {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;

	color: #9ca3af;

	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
	margin-left: 1.5rem;
}

/*  Кнопки текстовых страниц  */

.kodo-settings-panel .kodo-settings-panel-text-buttons-holder {
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: 0.5rem;

	background-color: #ffffff;
	border-radius: 2rem;

	padding: 0.25rem;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border: 1px solid #ffffff;
}

.kodo-settings-panel .kodo-settings-panel-text-buttons-holder > * + * {
	margin-top: 0.25rem;
}

.kodo-settings-panel-info-button-about-holder,
.kodo-settings-panel-info-button-faq-holder,
.kodo-settings-panel-info-button-subscription-holder{
	display: block;
}

.kodo-settings-panel-info-button-about-holder a,
.kodo-settings-panel-info-button-faq-holder a,
.kodo-settings-panel-info-button-subscription-holder a{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	border-radius: 1rem;
	padding: 1rem;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	text-decoration: none;
}

.kodo-settings-panel-info-button-about-holder a:hover,
.kodo-settings-panel-info-button-faq-holder a:hover,
.kodo-settings-panel-info-button-subscription-holder a:hover{
	background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.kodo-settings-panel .settings-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.kodo-settings-panel .settings-item__icon {
	color: #9ca3af;
	display: flex;
	align-items: center;
	justify-content: center;
}

.kodo-settings-panel .settings-item__icon svg {
	width: 1.5rem;
	height: 1.5rem;
}

.kodo-settings-panel .settings-item__label {
	font-weight: 700;
	color: #374151;
}
