/* Hide default footer*/
#footer {
    display: none;
}

/* Snap yellow gradient */
.gradient--1 {
    background: linear-gradient(270deg, #FFFC00 -10%, #F9F9F9 50%, #FFFC00 105%);
}

/* Custom button styles, SuiButton selectors target the Form CTA*/
.btn--primary,
.SuiButton {
    position: relative;
    transition: transform 150ms ease-in-out;
}

/*Hidden psuedo-element shadow*/
.btn--primary::after {
    content:'';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 100px;
    box-shadow: 0px 8px 16px rgb(0 0 0 / 8%);
    transition: opacity 150ms ease-in-out;
}

/*Hover state*/
.btn--primary:hover,
.SuiButton:hover
{
    transform: translateY(-1px);
}

/*Reveal shadow on hover*/
.btn--primary:hover::after, 
.SuiButton:hover::after {
    opacity: 1;
}

/* grow on hover */

.grow {
transition: all .2s ease-in-out;
}
.grow:hover {
transform: scale(1.06);
box-shadow: 0px 22px 59px -35px rgba(0,0,0,0.67)
}

/* grow on hover */


.rcorners1 {
border-top-left-radius: 25px;
}



.topborders{
border-bottom-left-radius: 100px;
border-top-right-radius: 100px;
}



.transition {
transition: all .3s ease-in-out;
}