.button{
    position: relative;
    transition: all ease-in-out 200ms;
    box-shadow: 0px 30px 20px -20px rgba(0, 0, 0, 0.20);
}

.button.primary {
    background-color: black;
    border: 1px solid black;
    color: white;
}

.button.primary:hover {
    background-color: #151820;
    border: 1px solid #151820;
}

.button.secondary {
    background-color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    color: white;
}

.button.secondary:hover {
    background-color: #b7330b;
    border: 1px solid #b7330b;
}

.button.outline {
    background-color: transparent;
    border: 1px solid var(--color-secondary);
    color: white;
}

.button.outline:hover {
    border: 1px solid white;
}

.button.outlineLight {
    background-color: transparent;
    border: 1px solid var(--color-secondary);
    color: var(--color-default);
}

.button.outlineLight:hover {
    border: 1px solid var(--color-default);
    color: var(--color-secondary);
}