.styled-button {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.5;
    padding: 1.5rem 3rem;
    margin: 2rem 0;
    display: inline-block;

    &.style-purple {
        background-color: var(--color-primary);
        color: #fff;
        transition: background-color .1s ease;

        &:hover {
            color: #fff;
            background: var(--color-primary-darker);
        }

        &:active {
            background: var(--color-primary-lighter);
        }
    }
}
