@font-face {
    font-family: fff_forvard;
    src: url("../fonts/fff_forvard.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.AxioSpan--logo {
    font-family: fff_forvard, Helvetica, sans-serif;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 8px;
    user-select: none;
}

.AxioSpan--logo:hover {
    text-decoration: underline;
    text-decoration-thickness: 8px;
}

.AxioButton--cta {
    border: none;
    background-color: #FC563C;
    border-radius: 4px;
    outline: none;
}

.AxioButton--cta:hover {
    background-color: #a03323;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
}

.AxioButton--cta:active {
    background-color: #FC563C;
}

.AxioButton--default {
    background-color: transparent;
    border: black solid 2px;
    color: black;
    transition: border-color 500ms, color 500ms;
}

.AxioButton--default:disabled {
    border-color: #5d5d5d;
    color: #5d5d5d;
}

.AxioButton--default:hover:enabled {
    border-color: #fc563c;
    color: #fc563c;
    transition: border-color 500ms, color 500ms;
}

.AxioTf {
    border: black solid 2px;
    color: black;
    outline: none;
    background-color: transparent;
}

.AxioTf:focus {
    border: black solid 2px;
    color: black;
    background-color: transparent;
}

.AxioTf[input=text] {
    color: black;
}

.AxioTf[input=text]:focus {
    color: black;
}

.AxioTf::placeholder {
    color: #5d5d5d;
}