.btn-primary { background-color: var(--brand) ; color: var(--dark); padding: 10px 20px; border-radius: 16px; box-shadow: 4px 4px 0px var(--dark); transition : box-shadow 200ms ease-in-out; } .btn-primary:hover { box-shadow: 0 0 0; }  .btn-secondary { background-color: var(--dark-frost); color: var(--white); padding: 10px 20px; border-radius: 16px; box-shadow: 4px 4px 0px var(--dark); transition : box-shadow 200ms ease-in-out; } .btn-secondary:hover { box-shadow: 0 0 0; }  .btn-white { background-color: var(--offwhite); color: var(--dark); padding: 10px 20px; border-radius: 16px; box-shadow: 4px 4px 0px var(--dark); transition : box-shadow 200ms ease-in-out; } .btn-white:hover { box-shadow: 0 0 0; }  .btn-dark { background-color: var(--dark); color: var(--white); padding: 10px 20px; border-radius: 16px; box-shadow: 4px 4px 0px var(--dark); transition : box-shadow 200ms ease-in-out; } .btn-dark:hover { box-shadow: 0 0 0; }