/*
Css utility classes
*/

.lr-button,
.lr-button:visited
{
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--color-white);
    background-color: var(--color-purple);
    text-align: center;
}

.lr-button:active,
.lr-button:hover {
    color: var(--color-white);
    background-color: var(--color-purple-1);
}