:root { --textcolor: #3F3F3F; --primary: #46C6E9; --secondary: #2C2B3B; --tertiary: #F5F5F7; --quaternary: #E5E642; --quinary: #264559; --highlight: #328fa8; --primary-darker: #3ba6c4; --secondary-darker: #1a1a24; --tertiary-darker: #d8d8db; --highlight-darker: #3fb1d1; --light-grey: #F5F5F7; --border: #ddd; --font-weight-thin: 300; --font-weight-extra-light: 300; --font-weight-light: 300; --font-weight-regular: 300; --font-weight-medium: 300; --font-weight-semi-bold: 700; --font-weight-bold: 700; --font-weight-extra-bold: 700; --font-weight-black: 700; --font-one: Poppins; --font-two: Poppins; --font-three: Poppins; --wrap-large: 1940px; --wrap-regular: 1600px; --wrap-small: 1024px; --wrap-very-small: 640px; }

a.action, button.action { background-color: var(--primary); color: white; padding: 1em 2.1875em; line-height: 160%; font-weight: var(--font-weight-semi-bold); display: inline-block; transition: ease-in-out 0.3s background-color; text-decoration: none; border-radius: 3px; border: none; }
a.action:hover, button.action:hover { background-color: var(--highlight); color: white; text-decoration: none; }