/* Add custom CSS styles below */ 
.bg-inherit {
    background: linear-gradient(#e2c06f, #fcf4e0);
    border-radius: 0px 0px 25px 25px; /* Top-left: 10px, Top-right: 20px, Bottom-right: 30px, Bottom-left: 40px */
    padding: 3px;  
}


.header-btn__icon {
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius:9999px;
    border-width: none;
    --tw-border-opacity: 1;
    border-color:#f6eedc;
    border-color:#f6eedc;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #a12137;
    color:#a12137;
}


.s-button-primary-outline {
    fill: #f5e9c3;
    fill: #f5e9c3;
    color: #f5e9c3;
    color: #ff5e9c3;
}

.s-button-btn {
    align-items: center;
    border-radius: 13px;
    border-style: solid;
    display: inline-flex
;
    flex: 1 1 0%;
    flex-direction: row-reverse;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1.5rem .625rem;
    position: relative;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color:#a12137;
}