:root {
    /* --title_bg_color: var(--title_bg_color); */
    --title_bg_color: #002147;    
  }

.spanButton {
    background: transparent;
    border: 1px solid !important;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.spanButton .buttonEffect {
    border-radius: 50%;
    display: block;
    height: 0;
    position: absolute;
    transition: width .2s ease-in, height .4s ease-in;
    transform: translate(-50%, -50%);
    width: 0;
    z-index: -1
}

.spanButton:hover .buttonEffect {
    height: 600px;
    width: 600px
}

.spanButton[data-size=large] {
    font-size: 24px;
    letter-spacing: 1.13px;
    line-height: 24px;
    padding: 20px 16px 18px
}

.spanButton[data-size=medium] {
    font-size: 16px;
    letter-spacing: 1.5px;
    padding: 17px 16px 15px
}

.spanButton[data-size=small] {
    font-size: 14px;
    letter-spacing: .44px;
    line-height: 14px;
    padding: 10px 16px 8px
}

.spanButton[data-color=red][data-solid=false] {
    border-color: var(--title_bg_color);
    color: var(--title_bg_color);
    background-color: #fff
}

.spanButton[data-color=red][data-solid=false] .buttonEffect {
    background-color: var(--title_bg_color)
}

.spanButton[data-color=red][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=red][data-solid=true] {
    background-color: var(--title_bg_color);
    border-color: var(--title_bg_color);
    color: #fff
}

.spanButton[data-color=red][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=red][data-solid=true]:hover {
    color: var(--title_bg_color)
}

.spanButton[data-color=red]:hover {
    background-color: initial
}

.spanButton[data-color=darkred][data-solid=false] {
    border-color: #670a0a;
    color: #670a0a;
    background-color: #fff
}

.spanButton[data-color=darkred][data-solid=false] .buttonEffect {
    background-color: #670a0a
}

.spanButton[data-color=darkred][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darkred][data-solid=true] {
    background-color: #670a0a;
    border-color: #670a0a;
    color: #fff
}

.spanButton[data-color=darkred][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darkred][data-solid=true]:hover {
    color: #670a0a
}

.spanButton[data-color=darkred]:hover {
    background-color: initial
}

.spanButton[data-color=terracotta][data-solid=false] {
    border-color: #a9431e;
    color: #a9431e;
    background-color: #fff
}

.spanButton[data-color=terracotta][data-solid=false] .buttonEffect {
    background-color: #a9431e
}

.spanButton[data-color=terracotta][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=terracotta][data-solid=true] {
    background-color: #a9431e;
    border-color: #a9431e;
    color: #fff
}

.spanButton[data-color=terracotta][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=terracotta][data-solid=true]:hover {
    color: #a9431e
}

.spanButton[data-color=terracotta]:hover {
    background-color: initial
}

.spanButton[data-color=violet][data-solid=false] {
    border-color: #59315f;
    color: #59315f;
    background-color: #fff
}

.spanButton[data-color=violet][data-solid=false] .buttonEffect {
    background-color: #59315f
}

.spanButton[data-color=violet][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=violet][data-solid=true] {
    background-color: #59315f;
    border-color: #59315f;
    color: #fff
}

.spanButton[data-color=violet][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=violet][data-solid=true]:hover {
    color: #59315f
}

.spanButton[data-color=violet]:hover {
    background-color: initial
}

.spanButton[data-color=darkviolet][data-solid=false] {
    border-color: #41273b;
    color: #41273b;
    background-color: #fff
}

.spanButton[data-color=darkviolet][data-solid=false] .buttonEffect {
    background-color: #41273b
}

.spanButton[data-color=darkviolet][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darkviolet][data-solid=true] {
    background-color: #41273b;
    border-color: #41273b;
    color: #fff
}

.spanButton[data-color=darkviolet][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darkviolet][data-solid=true]:hover {
    color: #41273b
}

.spanButton[data-color=darkviolet]:hover {
    background-color: initial
}

.spanButton[data-color=yellow][data-solid=false] {
    border-color: #f3d03e;
    color: #f3d03e;
    background-color: #fff
}

.spanButton[data-color=yellow][data-solid=false] .buttonEffect {
    background-color: #f3d03e
}

.spanButton[data-color=yellow][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=yellow][data-solid=true] {
    background-color: #f3d03e;
    border-color: #f3d03e;
    color: #fff
}

.spanButton[data-color=yellow][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=yellow][data-solid=true]:hover {
    color: #f3d03e
}

.spanButton[data-color=yellow]:hover {
    background-color: initial
}

.spanButton[data-color=lake][data-solid=false] {
    border-color: #007396;
    color: #007396;
    background-color: #fff
}

.spanButton[data-color=lake][data-solid=false] .buttonEffect {
    background-color: #007396
}

.spanButton[data-color=lake][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=lake][data-solid=true] {
    background-color: #007396;
    border-color: #007396;
    color: #fff
}

.spanButton[data-color=lake][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=lake][data-solid=true]:hover {
    color: #007396
}

.spanButton[data-color=lake]:hover {
    background-color: initial
}

.spanButton[data-color=darklake][data-solid=false] {
    border-color: #002a3a;
    color: #002a3a;
    background-color: #fff
}

.spanButton[data-color=darklake][data-solid=false] .buttonEffect {
    background-color: #002a3a
}

.spanButton[data-color=darklake][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darklake][data-solid=true] {
    background-color: #002a3a;
    border-color: #002a3a;
    color: #fff
}

.spanButton[data-color=darklake][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darklake][data-solid=true]:hover {
    color: #002a3a
}

.spanButton[data-color=darklake]:hover {
    background-color: initial
}

.spanButton[data-color=darkbluegrey][data-solid=false] {
    border-color: #002a3a;
    color: #002a3a;
    background-color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=false] .buttonEffect {
    background-color: #002a3a
}

.spanButton[data-color=darkbluegrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=true] {
    background-color: #002a3a;
    border-color: #002a3a;
    color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=true]:hover {
    color: #002a3a
}

.spanButton[data-color=darkbluegrey]:hover {
    background-color: initial
}

.spanButton[data-color=lightergrey][data-solid=false] {
    border-color: #f3f3f3;
    color: #f3f3f3;
    background-color: #fff
}

.spanButton[data-color=lightergrey][data-solid=false] .buttonEffect {
    background-color: #f3f3f3
}

.spanButton[data-color=lightergrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=lightergrey][data-solid=true] {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #fff
}

.spanButton[data-color=lightergrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=lightergrey][data-solid=true]:hover {
    color: #f3f3f3
}

.spanButton[data-color=lightergrey]:hover {
    background-color: initial
}

.spanButton[data-color=lightgrey][data-solid=false] {
    border-color: #d9d9d9;
    color: #d9d9d9;
    background-color: #fff
}

.spanButton[data-color=lightgrey][data-solid=false] .buttonEffect {
    background-color: #d9d9d9
}

.spanButton[data-color=lightgrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=lightgrey][data-solid=true] {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    color: #fff
}

.spanButton[data-color=lightgrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=lightgrey][data-solid=true]:hover {
    color: #d9d9d9
}

.spanButton[data-color=lightgrey]:hover {
    background-color: initial
}

.spanButton[data-color=mediumgrey][data-solid=false] {
    border-color: #666;
    color: #666;
    background-color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=false] .buttonEffect {
    background-color: #666
}

.spanButton[data-color=mediumgrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=true] {
    background-color: #666;
    border-color: #666;
    color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=true]:hover {
    color: #666
}

.spanButton[data-color=mediumgrey]:hover {
    background-color: initial
}

.spanButton[data-color=grey][data-solid=false] {
    border-color: #4d4d4d;
    color: #4d4d4d;
    background-color: #fff
}

.spanButton[data-color=grey][data-solid=false] .buttonEffect {
    background-color: #4d4d4d
}

.spanButton[data-color=grey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=grey][data-solid=true] {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=grey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=grey][data-solid=true]:hover {
    color: #4d4d4d
}

.spanButton[data-color=grey]:hover {
    background-color: initial
}

.spanButton[data-color=black][data-solid=false] {
    border-color: #000;
    color: #000;
    background-color: #fff
}

.spanButton[data-color=black][data-solid=false] .buttonEffect {
    background-color: #000
}

.spanButton[data-color=black][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=black][data-solid=true] {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.spanButton[data-color=black][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=black][data-solid=true]:hover {
    color: #000
}

.spanButton[data-color=black]:hover {
    background-color: initial
}

.spanButton[data-color=green][data-solid=false] {
    border-color: #789d4a;
    color: #789d4a;
    background-color: #fff
}

.spanButton[data-color=green][data-solid=false] .buttonEffect {
    background-color: #789d4a
}

.spanButton[data-color=green][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=green][data-solid=true] {
    background-color: #789d4a;
    border-color: #789d4a;
    color: #fff
}

.spanButton[data-color=green][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=green][data-solid=true]:hover {
    color: #789d4a
}

.spanButton[data-color=green]:hover {
    background-color: initial
}

.spanButton[data-color=white][data-solid=false] {
    border-color: #fff;
    color: #fff
}

.spanButton[data-color=white][data-solid=false] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=white][data-solid=false]:hover {
    color: #4d4d4d
}

.spanButton[data-color=white][data-solid=true] {
    background-color: #fff;
    border-color: #fff;
    color: #fff
}

.spanButton[data-color=white][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=white][data-solid=true]:hover {
    color: #fff
}

.spanButton[data-color=white]:hover {
    background-color: initial
}

.spanButton[data-color=goldenrod][data-solid=false] {
    border-color: #eaaa00;
    color: #eaaa00;
    background-color: #fff
}

.spanButton[data-color=goldenrod][data-solid=false] .buttonEffect {
    background-color: #eaaa00
}

.spanButton[data-color=goldenrod][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=goldenrod][data-solid=true] {
    background-color: #eaaa00;
    border-color: #eaaa00;
    color: #fff
}

.spanButton[data-color=goldenrod][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=goldenrod][data-solid=true]:hover {
    color: #eaaa00
}

.spanButton[data-color=goldenrod]:hover {
    background-color: initial
}

.spanButton[data-color=forest][data-solid=false] {
    border-color: #275d38;
    color: #275d38;
    background-color: #fff
}

.spanButton[data-color=forest][data-solid=false] .buttonEffect {
    background-color: #275d38
}

.spanButton[data-color=forest][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=forest][data-solid=true] {
    background-color: #275d38;
    border-color: #275d38;
    color: #fff
}

.spanButton[data-color=forest][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=forest][data-solid=true]:hover {
    color: #275d38
}

.spanButton[data-color=forest]:hover {
    background-color: initial
}

.spanButton[data-disabled=true] {
    opacity: .6;
    pointer-events: none
}

a.button {
    border-bottom: none
}

.CTABarSpotlight_container__3oTRY {
    background-color: var(--title_bg_color)
}

.CTABarSpotlight_ctaContainer__1c8LG {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2px 12px
}

.CTABarSpotlight_buttonContainer__2HCWZ {
    margin: 0 12px
}

.CTABarSpotlight_buttonContainer__2HCWZ .CTABarSpotlight_button__1HTKS {
    padding: 15px 13px;
    line-height: 9px;
    border-bottom: none
}

@media screen and (max-width:700px) {
    .CTABarSpotlight_ctaContainer__1c8LG {
        align-items: center;
        flex-direction: column;
        padding: 16px 12px
    }

    .CTABarSpotlight_buttonContainer__2HCWZ .CTABarSpotlight_button__1HTKS {
        min-width: 280px
    }
}

.CTABarSpotlight_editingText__24Q-e * {
    color: #fff
}

/*# sourceMappingURL=CTABarSpotlight.169bc42e.chunk.css.map */