/* Buttons */
.button,
button,
input[type="submit"]{ background: var(--skyblue); border: 2px solid var(--skyblue); color: var(--white); display: inline-block; padding: 13px 25px; border-radius: 50px; font-weight: normal; text-decoration: none; font-size: 16px; transition: var(--transition); cursor: pointer; width: auto; }

.button:hover,
button:hover,
input[type="submit"]:hover{ background: transparent; color: var(--black); border-color: var(--black); }

/* Hovers */
.button.hover-transparent-white:hover{ background: transparent; color: var(--white); border-color: var(--white); }
.button.hover-transparent-black:hover{ background: transparent; color: var(--black); border-color: var(--black); }

/* Arrowed */
.button.arrowed i{ font-size: 13px; margin-left: 5px; }