input,
textarea {
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-variant-numeric: lining-nums;
    min-height: 40px;
    border:0;
    border-radius: 8px;
    padding: 2px 8px;
    width: 100%;
}
input[type='checkbox'],
input[type='radio'] {
    min-height: auto;
    width: auto;
}
input[type='submit'] {
    cursor: pointer;
    background-color: var(--btn-secondary-main-color);
    color:#ffffff;
}
input[type='submit']:hover,
input[type='submit']:focus {
    background-color: var(--btn-secondary-hover-color);
}
label {
    min-width: 100%;
    margin-bottom: 9px;
}
.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    border-radius: 4px;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}
.btn-fullwidth {
    width:100%!important;
}
.btn.btn-green {
    background-color:var(--btn-secondary-main-color);
    color: #ffffff;
}
.btn.btn-green:hover {
    background-color:var(--btn-secondary-hover-color);
}
.btn.btn-primary {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--btn-secondary-main-color);
    color:#ffffff;
    font-size: 0.875rem;
    width: 370px;
    max-width: 100%;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: var(--btn-secondary-hover-color);
}
.btn.btn-small {
    gap:8px;
    border-radius: 8px;
    border-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 0 28px;
    height: 40px;
}
.btn.btn-middle {
    gap:8px;
    border-radius: 8px;
    border-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 32px;
    height: 48px;
}
.btn:hover,
.btn:focus {
    border-bottom: 0;
}
.btn.btn-booking-action {
    display: flex;
    font-size: 1.125rem;
    border:1px solid var(--button-main-color);
    width: 234px;
    height: 38px;
}

.btn.btn-booking-action:hover {
    background-color: var(--button-main-color);
    color: var(--button-secondary-color);
}

.btn-secondary {
    display: flex;
    justify-content: center;
    align-items: center;
    color:var(--btn-secondary-main-color);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    gap:0.5rem;
    border-radius: 0;
}
.btn-secondary:hover {
    color:var(--btn-secondary-hover-color);
}
.btn-icon-geo::before {
    display: block;
    content: "";
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
    background: url(../images/icon-geo.svg) 50% 50% no-repeat;
}
.btn-icon-download::before {
    display: block;
    content: "";
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
    background: url(../images/icon-download.svg) 50% 50% no-repeat;
}