@font-face
{
    font-family: 'Heavy';
    src: url('fonts/Nexa Heavy.woff2');
}

@font-face
{
    font-family: 'Bold';
    src: url('fonts/Nexa Bold.woff2');
}


@font-face
{
    font-family: 'Regular';
    src: url('fonts/Nexa Regular.woff2');
}

@font-face
{
    font-family: 'Book';
    src: url('fonts/Nexa Book.woff2');
}


@font-face
{
    font-family: 'Light';
    src: url('fonts/Nexa Light.woff2');
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */


:root
{
    --sunflower:  #FFC033;
    --mango:      #FFAC33;
}

a
{
    text-decoration: none; 
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------- */


.anchor
{
    position: fixed;
    top: 0;
    right: 0;
    padding: 0.5em;

    z-index: 1000;
}

/* ---------------------------------------------------------------- */

.button
{
    z-index:  1000;

    display:     flex;
    align-items: center;

    gap: 20px; 

    background-color: white;
    color: var(--mango); 

    border: 0px;
    border-radius: 100rem;

    padding-top:    30px;
    padding-bottom: 30px;
    padding-right:  85px;
    padding-left:   50px;

    transition: all .6s;
    transform: scale(1);
    transform-origin: center;

    cursor: pointer;

    margin: 2em 2em;
}

.button:hover
{
    transform: scale(1.1);
}

.button img.star
{
    transition: all .6s;
    transform: scale(1);
    transform-origin: center;
}

.button:hover img.star
{
    transform: scale(1.15);
}


/* ---------------------------------------------------------------- */


.text
{
     font-family:    Bold, sans-serif; 

     font-size:      1.5rem;
     letter-spacing: 0.05em;
     
     text-align:     center;

      position:      relative;
      top:           5px;

}