:root {
    --fp-green-primary: #35823c;
    --fp-green-darken: #2a6a32;
    --fp-green-lighten: #34933a;
}

.fp-btn-primary-hover {
    background-color: var(--fp-green-primary) !important;
    color: white !important;
    border: 2px solid transparent !important; /* Reserve border space */
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.fp-btn-primary-hover:hover {
    background-color: white !important;
    color: var(--fp-green-primary) !important;
    border: 2px solid var(--fp-green-primary) !important;
}


@property --border-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.fp-animated-border {
    --border-angle: 0deg;
    border-radius: 6px;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--border-angle), #4DA456 0deg 12deg, transparent 12deg 360deg) border-box;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    animation: rotate-border 3s linear infinite;
    position: relative;
    overflow: hidden;
}

@keyframes rotate-border {
    to {
        --border-angle: 360deg;
    }
}

.fp-animated-border.mud-button-root:disabled {
    opacity: 1 !important;
    color: var(--fp-green-primary) !important;
}


a,
a:link,
a:visited {
    color: var(--fp-green-primary) !important;
    text-decoration: none;
}


a:hover {
    color: var(--fp-green-darken);
    text-decoration: underline;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url('fonts/CerebriSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url('fonts/CerebriSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url('fonts/CerebriSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url('fonts/CerebriSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url('fonts/CerebriSans-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Cerebri Sans';
    src: url('fonts/CerebriSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}