.mds-btn {
    font-family: "Montserrat-SemiBold", sans-serif;
    line-height: normal;
    border: 2px solid;
    border-radius: 4px;
    height: 3rem;
    padding: 0 20px;
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-width: 3rem;
    box-sizing: border-box
}

.mds-btn:hover {
    text-decoration: none
}

.mds-btn:focus,.mds-btn:focus-visible {
    outline-offset: 1px;
    outline: solid 1px #000
}

.mds-btn--reverse:focus {
    outline-color: #fff
}

.mds-btn[disabled],.mds-btn[aria-disabled=true] {
    cursor: default;
    opacity: .4
}

.mds-btn::after,.mds-btn::before {
    font-size: 1.5rem
}

.mds-btn span {
    font-family: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: .875rem
}

.mds-btn:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    cursor: pointer;
    transition: all .2s cubic-bezier(0.2, 0, 0, 1)
}

.mds-btn--small {
    height: 2.5rem;
    min-width: 2.5rem;
    padding: 0 16px
}

.mds-btn--small span {
    font-size: .813rem
}

.mds-btn--small.mds-btn--icon-only {
    width: 2.5rem
}

.mds-btn--small::after,.mds-btn--small::before {
    font-size: 1rem
}

.mds-btn--icon-only {
    border-radius: 50%;
    padding: 0px;
    width: 3rem
}

.mds-btn--icon-only::before {
    padding: 0px
}

.mds-btn--primary {
    background-color: #0a2d82;
    border-color: #0a2d82;
    color: #fff
}

.mds-btn--primary:hover {
    color: #fff
}

.mds-btn--primary:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--primary:active:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--primary.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: #061d53;
    border-color: #061d53;
    color: #fff
}

.mds-btn--primary-cta {
    background-color: #d62e52;
    border-color: #d62e52;
    color: #fff
}

.mds-btn--primary-cta:hover {
    color: #fff
}

.mds-btn--primary-cta:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--primary-cta:active:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--primary-cta.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: #af2240;
    border-color: #af2240;
    color: #fff
}

.mds-btn--secondary {
    background-color: rgba(0,0,0,0);
    border-color: #0a2d82;
    color: #0a2d82
}

.mds-btn--secondary:hover {
    color: #0a2d82
}

.mds-btn--secondary:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--secondary:active:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--secondary.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: #dbe5fc;
    border-color: #0a2d82;
    color: #0a2d82
}

.mds-btn--secondary-alert {
    background-color: rgba(0,0,0,0);
    border-color: #d80c31;
    color: #d80c31
}

.mds-btn--secondary-alert:hover {
    color: #d80c31
}

.mds-btn--secondary-alert:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--secondary-alert:active:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--secondary-alert.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: #fee5ea;
    border-color: #d80c31;
    color: #d80c31
}

.mds-btn--tertiary {
    background-color: #fff;
    border-color: #fff;
    color: #0a2d82;
    border: none;
    background-color: rgba(0,0,0,0)
}

.mds-btn--tertiary:hover {
    color: #0a2d82
}

.mds-btn--tertiary:hover:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--tertiary:active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--tertiary.active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    background: #dbe5fc;
    border-color: #dbe5fc
}

.mds-btn--primary.mds-btn--reverse {
    background-color: #fff;
    border-color: #fff;
    color: #0a2d82
}

.mds-btn--primary.mds-btn--reverse:hover {
    color: #0a2d82
}

.mds-btn--primary.mds-btn--reverse:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--primary.mds-btn--reverse:active:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--primary.mds-btn--reverse.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: #0a2d82
}

.mds-btn--primary.mds-btn--reverse:hover:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--primary.mds-btn--reverse:active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--primary.mds-btn--reverse.active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    background: rgba(255,255,255,.9)
}

.mds-btn--secondary.mds-btn--reverse {
    background-color: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff
}

.mds-btn--secondary.mds-btn--reverse:hover {
    color: #fff
}

.mds-btn--secondary.mds-btn--reverse:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--secondary.mds-btn--reverse:active:not([disabled]):not([aria-disabled=true]):not([aria-current]),.mds-btn--secondary.mds-btn--reverse.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: rgba(0,0,0,0);
    border-color: #fff;
    color: #fff
}

.mds-btn--secondary.mds-btn--reverse:hover:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--secondary.mds-btn--reverse:active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--secondary.mds-btn--reverse.active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    background: rgba(255,255,255,.15)
}

.mds-btn--tertiary.mds-btn--reverse {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    color: #fff
}

.mds-btn--tertiary.mds-btn--reverse:hover {
    color: #fff
}

.mds-btn--tertiary.mds-btn--reverse:hover:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--tertiary.mds-btn--reverse:active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--tertiary.mds-btn--reverse.active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    background: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0)
}

.mds-btn--tertiary.mds-btn--reverse:hover:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--tertiary.mds-btn--reverse:active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]),.mds-btn--tertiary.mds-btn--reverse.active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    background: rgba(255,255,255,.15)
}

.mds-btn .mds-loader {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    animation: mds-spinner 1.2s infinite linear;
    background: radial-gradient(farthest-side, #fff 94%, rgba(0, 0, 0, 0)) top/4px 4px no-repeat,conic-gradient(rgba(0, 0, 0, 0) 30%, #fff);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0)
}

.mds-btn .mds-loader--reverse {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    animation: mds-spinner 1.2s infinite linear;
    background: radial-gradient(farthest-side, #0A2D82 94%, rgba(0, 0, 0, 0)) top/4px 4px no-repeat,conic-gradient(rgba(0, 0, 0, 0) 30%, #0A2D82);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0)
}

.mds-btn.mds-btn[disabled].mds-btn--loader::before,.mds-btn.mds-btn[disabled].mds-btn--loader:after,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader::before,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader:after {
    display: none
}

.mds-btn.mds-btn[disabled].mds-btn--loader.mds-btn--tertiary,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader.mds-btn--tertiary {
    background: rgba(255,255,255,.1)
}

.mds-btn.mds-btn[disabled].mds-btn--loader-reverse::before,.mds-btn.mds-btn[disabled].mds-btn--loader-reverse:after,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader-reverse::before,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader-reverse:after {
    display: none
}

.mds-btn.mds-btn[disabled].mds-btn--loader-reverse.mds-btn--primary,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader-reverse.mds-btn--primary {
    border: rgba(255,255,255,.4);
    background: rgba(255,255,255,.4);
    opacity: 1
}

.mds-btn.mds-btn[disabled].mds-btn--loader-reverse.mds-btn--secondary,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader-reverse.mds-btn--secondary {
    opacity: .4
}

.mds-btn.mds-btn[disabled].mds-btn--loader-reverse.mds-btn--tertiary,.mds-btn.mds-btn[aria-disabled=true].mds-btn--loader-reverse.mds-btn--tertiary {
    background: rgba(10,45,130,.15)
}

.mds-btn--loader[aria-disabled=true] .mds-loader,.mds-btn--loader[disabled] .mds-loader,.mds-btn--loader[aria-disabled=true] .mds-loader--reverse,.mds-btn--loader[disabled] .mds-loader--reverse,.mds-btn--loader-reverse[aria-disabled=true] .mds-loader,.mds-btn--loader-reverse[disabled] .mds-loader,.mds-btn--loader-reverse[aria-disabled=true] .mds-loader--reverse,.mds-btn--loader-reverse[disabled] .mds-loader--reverse {
    position: absolute
}

.mds-btn--loader[aria-disabled=true] .mds-loader__label,.mds-btn--loader-reverse[aria-disabled=true] .mds-loader__label {
    padding-left: .75rem
}

.mds-btn--loader[aria-disabled=true] span:not(.mds-loader__label):not(.mds-loader):not(.mds-loader--reverse),.mds-btn--loader[disabled] span:not(.mds-loader__label):not(.mds-loader):not(.mds-loader--reverse),.mds-btn--loader-reverse[aria-disabled=true] span:not(.mds-loader__label):not(.mds-loader):not(.mds-loader--reverse),.mds-btn--loader-reverse[disabled] span:not(.mds-loader__label):not(.mds-loader):not(.mds-loader--reverse) {
    opacity: 0
}

.mds-btn--close {
    padding: 0;
    background: rgba(0,0,0,0);
    border: none
}

.mds-btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .75rem .75rem
}

@media(min-width: 56.25em) {
    .mds-btn-group {
        gap:1rem 1rem
    }
}