Discussion on: Getting started with CSS animations

.button {
    background-color: transparent;
    border: 1px solid black;
    border-radius: 5px;
    margin: 1rem;
    padding: 1rem;
    transition: background-color 0.3s ease, border-color 0.3s ease-in;

    &:hover {
        cursor:pointer;
    }
    &:focus {
        background-color: red;
        border-color: red;
    }
}