button {
    border-radius: 50px;
    text-align: center;
    padding: 12px 0;
    width: 12rem;
}

.medica-button-link {
    display: block;
    border-radius: 50px;
    text-align: center;
    padding: 12px 0;
    width: 12rem;
    text-decoration: none;
    cursor: pointer;
}

.medica-dark-button {
    background-color: var(--medica-dark-brown);
    color: #FFFFFF;
    border: 1px solid var(--medica-dark-brown);
}

.medica-red-button {
    background-color: var(--medica-red);
    color: #FFFFFF;
    border: 1px solid var(--medica-red);
}

.medica-outline-white-button {
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.medica-login-button {
    max-width: 30rem;
}

.medica-small-button {
    width: 5rem;
    padding: 4px 0;
}

.medica-large-button {
    width: 20rem;
}

.medica-link-button {
    padding: 0;
    border: 0;
    text-decoration: underline;
    transition: all 0.3s ease;
    width: auto;
}

.medica-link-button:hover {
    color: var(--medica-red);
}

@media (max-width: 767px) {
    .medica-login-button {
        width: 100%;
    }
}