a {
    color: #f09c4e;
}

.new-loader {
    width: 3rem;
    height: 3rem;
    margin: 1rem auto 1rem auto;
    border-width: 4px;
    border-top-width: 4px;
    border-radius: 9999px;
    transition-timing-function: linear;
    animation: spinner 1.5s linear infinite;
    border-top-color: #f09c4e;
    --tw-border-opacity: 1;
}

.source7-outline[aria-disabled="false"]:hover, .source7-outline:not([aria-disabled="true"]):hover {
    border: 1px solid #f4b67c;
}

.top-button:hover, .top-button:active, .top-button:focus {
    border-bottom: 2px solid #f09c4e;
}
.push-button {
    background-color: #f09c4e;
    color: #fff;
}
.push-button:hover {
    background-color: #e17714;
}
.push-button-alt {
    background-color: #a0afbb;
    color: #fff;
}
.push-button-alt:hover {
    background-color: #667c8f;
}

svg {
    height: 5vw;
    width: 5vw;
    position: absolute;
    top: 4.5vw;
    right: 4.5vw;
}

.arrow {
    fill: #f09c4e;
}


.flexible-field {
    margin-top: 20px;
    width: 100%;
}

@media (min-width: 768px) { 
    .flexible-field {
        margin-top: 0px;
        width: 50%;
    }
}

@media (min-width: 1280px) {
    .flexible-field {
        margin-top: 0px;
        width: 33%;
    }
}

span.boxed-and-bold {
    border: 1px solid #403f30;
    border-radius: 4px;
    line-height: 150%;
    padding: 4px;
    font-weight: bold;
}