.btn {
    font-size: 1.1rem;
    color: white !important;
    padding: 0.5em 0.7em;
    text-decoration: none !important;
    border: 3px dashed transparent;
    border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: var(--primary-color);
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .btn:focus {
        border-color: var(--secondary-color);
    }

    .btn:hover {
        filter: brightness(0.9);
    }

    .btn:active {
        filter: brightness(0.7);
    }

    .btn:visited {
        color: white;
    }

    .btn.btn-primary {
        font-size: 1.25rem;
        margin: 1em;
        padding: 1.2em 1.5em;
        font-weight: bold;
    }