/*forms*/
button:active, button:focus, a.button:active, a.button:focus, .wp-block-button__link:active, .wp-block-button__link:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus 
{color:inherit}
button {
    background:white;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding:0.5em 2.8em;
    border:0;
    color:black;
    transition: all 35ms linear;
    border: 2px solid transparent;

}

button:hover {
    color:white;
    background-color: black;
    border: 2px solid transparent;
}

button.black-but {background-color: black; color:white}
button.black-but:hover {background-color: #383838; color:white; border: 2px solid black;}
button.black-but.no-border:hover{border-color:#383838}

.arrow-link {font-weight: 700; font-size: 0.8em; padding-right: 3em;
    letter-spacing: 0.3em; text-transform: uppercase;
    background-image:url(../imgs/arrow-right.svg);
background-repeat: no-repeat;
background-position: 80% 50%;
transition: all 0.2s ease;}
.arrow-link:hover {background-position: 90% 50%; color:var(--color2)}

button.center-but { margin: auto;  display: block;}

button.color2-but {background-color: var(--color2); color:white}
button.color2-but:hover {background-color: #b279ff;}