.button{background-color:var(--liquorice);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:12px 16px;font-size:18px;font-weight:700;line-height:165%;text-decoration:none;transition:background-color .4s,color .4s;display:block;position:relative}.button:hover{background-color:var(--halsbury-red);color:var(--liquorice)}.button.liquorice{background-color:var(--liquorice);color:#fff}.button.liquorice:hover{background-color:var(--frost);color:var(--liquorice)}.button.red{background-color:var(--halsbury-red);color:var(--liquorice)}.button.red:hover{background-color:var(--white)}.button.red-alt{background-color:var(--halsbury-red);color:var(--liquorice)}.button.red-alt:hover{background-color:var(--frost)}.button.white{background-color:var(--white);color:var(--halsbury-red)}.button.mulberry{background-color:var(--mulberry);color:var(--white)}.button.mulberry:hover{background-color:var(--dune);color:var(--liquorice)}.button.lightBlue{background-color:var(--frost);color:var(--liquorice)}.button.lightBlue:hover{background-color:var(--white)}.button.satsuma{background-color:var(--satsuma);color:var(--liquorice)}.button.satsuma:hover{background-color:var(--candy)}.button.berry{background-color:var(--berry);color:var(--liquorice)}.button.berry:hover{background-color:var(--sky-blue)}@media screen and (max-width:768px){.button{padding:16px;font-size:15px;line-height:120%}}