/* RESET CSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    /* 1rem = 10px */
    font-size: 62.5%;
}

body {
    font-family:  'Montserrat', sans-serif;
    overflow-x: hidden;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
}

/* COMPONENTS */
.btn {
    background-color: #B28756;
    padding: 1.2rem 5rem;
    color: #fff;
    border-radius: 2rem;
    font-weight: 600;
    font-size: 1.5rem;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
    display: inline-block;
}

.disabled-link{
    cursor: pointer;
}

/* Efeito pulsante no hover */
.btn:hover {
    
    animation: pulse 1s infinite;
}

/* Keyframes para animação pulsante */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Responsive Design */