body {
    height: 100vh;
    width: 98.8vw;

    margin: 0;
    font-family: Arial, sans-serif;
}

/* Estilo del botón */
.boton {
    position: fixed; /* Se fija en la esquina */
    top: 20px; /* Distancia desde la parte superior */
    left: 20px; /* Distancia desde la parte derecha */
    border: none; /* Sin borde */
    padding: 10px 20px; /* Espaciado interno */
    font-size: 16px; /* Tamaño del texto */
    border-radius: 10px; /* Bordes redondeados */
    cursor: pointer; /* Cambia el cursor cuando pasas el ratón */
    background-color: #fbb70f;
    color: #ffffff;
    border-radius: 25px;
    transition: 0.5s;
    border: #fbb70f solid 1px;
}

.boton:hover {
    color: #ffffff;
    border: #ffffff solid 1px;
}

.logo {
    position: absolute;
    left: 0.6em;
    top: 41.4em;
    width: 15.2%;
    border-radius: 10px;
}

@media screen and (max-width: 480px) {

    .boton {
        position: fixed; /* Se fija en la esquina */
        top: 20px; /* Distancia desde la parte superior */
        left: 5px; /* Distancia desde la parte derecha */
        border: none; /* Sin borde */
        padding: 10px 20px; /* Espaciado interno */
        font-size: 15px; /* Tamaño del texto */
        font-weight: 600;
        border-radius: 10px; /* Bordes redondeados */
        cursor: pointer; /* Cambia el cursor cuando pasas el ratón */
        transition: 0.3s; /* Transición de color */
        background-color: #fbb70f;
        color: #343863;
        border-radius: 25px;
        transition: 0.5s;
        border: #fbb70f solid 1px;
        width: 30%;
    }
    
}