/* Buttons */
.button,
button,
input[type="submit"]{ background: var(--green); font-weight: 700; border: 1px solid var(--green); color: #02110a; display: inline-block; padding: 18px 30px; text-decoration: none; font-size: 20px; transition: var(--transition); cursor: pointer; width: auto; }

.button:hover,
button:hover,
input[type="submit"]:hover{ transform: translateY(-1px); box-shadow: 0 14px 40px -10px rgba(0, 227, 122, 0.5); }

/* Transparent White */
.button.transparent-white,
button.transparent-white,
input[type="submit"].transparent-white{ background: transparent; border-color: var(--white); color: var(--white); }

.button.transparent-white:hover,
button.transparent-white:hover,
input[type="submit"].transparent-white:hover{ background: rgba(255,255,255,.08); transform: translateY(-1px); box-shadow: none; } 


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

@media screen and (max-width: 1280px){

    .button{ padding: 12px 20px; font-size: 16px; }

}

@media screen and (max-width: 1023px){
    
}

@media screen and (max-width: 767px){
    
}