.wf-bs{--bs-h:52px;--bs-fs:14px;--bs-px:26px;--bs-fw:600;--bs-ls:2px;--bs-tt:uppercase;--bs-gap:16px;--bs-pt:10px;--bs-jc:flex-start;}
.wf-bs { display: flex; flex-wrap: wrap; align-items: center; justify-content: var(--bs-jc); gap: var(--bs-gap); }
.wf-bs__btn { --f: #203B92; --l: #FED928; --t: #ffffff; --hf: #172C70; --ht: #ffffff; position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: var(--bs-h); padding: 0 var(--bs-px); --tc: var(--t); font-size: var(--bs-fs); font-weight: var(--bs-fw); line-height: 1.15; letter-spacing: var(--bs-ls); text-align: center; text-decoration: none; text-transform: var(--bs-tt); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform .16s cubic-bezier(.23, 1, .32, 1); }
.wf-bs .wf-bs__btn:hover, .wf-bs .wf-bs__btn:focus { text-decoration: none; }
.wf-bs__txt { position: relative; margin-right: calc(var(--bs-ls) * -1); color: var(--tc); transition: color .2s; }
.wf-bs__btn--pal-yellow, :is(.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary, .uk-card-secondary, .uk-overlay-primary, .uk-offcanvas-bar) .wf-bs__btn--pal-auto { --f: #FED928; --l: #203B92; --t: #203B92; --hf: #FFE766; --ht: #203B92; }
.wf-bs__btn--pal-custom { --f: var(--bs-c-f); --l: var(--bs-c-l); --t: var(--bs-c-t); --hf: var(--bs-c-hf); --ht: var(--bs-c-ht); }
.wf-bs__bg { position: absolute; inset: 0; z-index: -1; background: var(--f); transition: background-color .2s, clip-path .3s cubic-bezier(.23, 1, .32, 1); }
.wf-bs__bg::before, .wf-bs__bg::after { content: ""; position: absolute; transition: background-color .2s, inset .25s cubic-bezier(.23, 1, .32, 1); }
.wf-bs__btn:active { transform: scale(.97); }
.wf-bs__btn:focus-visible { outline: 2px solid var(--f); outline-offset: 4px; }
.wf-bs__btn--ecusson { padding: 0 calc(var(--bs-px) + var(--bs-h) * .3 - 8px); }
.wf-bs__btn--ecusson .wf-bs__bg { clip-path: polygon(calc(var(--bs-h) * .3) 0, calc(100% - var(--bs-h) * .3) 0, 100% 50%, calc(100% - var(--bs-h) * .3) 100%, calc(var(--bs-h) * .3) 100%, 0 50%); }
.wf-bs__btn--ecusson .wf-bs__bg::before { inset: 3px 3.5px; background: var(--l); clip-path: polygon(calc((var(--bs-h) - 6px) * .3) 0, calc(100% - (var(--bs-h) - 6px) * .3) 0, 100% 50%, calc(100% - (var(--bs-h) - 6px) * .3) 100%, calc((var(--bs-h) - 6px) * .3) 100%, 0 50%); }
.wf-bs__btn--ecusson .wf-bs__bg::after { inset: 6px 7px; background: var(--f); clip-path: polygon(calc((var(--bs-h) - 12px) * .3) 0, calc(100% - (var(--bs-h) - 12px) * .3) 0, 100% 50%, calc(100% - (var(--bs-h) - 12px) * .3) 100%, calc((var(--bs-h) - 12px) * .3) 100%, 0 50%); }
.wf-bs__btn--pointe { min-height: calc(var(--bs-h) + var(--bs-pt)); padding-bottom: var(--bs-pt); }
.wf-bs__btn--pointe .wf-bs__bg { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bs-pt)), 50% 100%, 0 calc(100% - var(--bs-pt))); }
.wf-bs__btn--lisere .wf-bs__bg::before { inset: 6px; border: 2px solid var(--l); }
@media (hover: hover) {
	.wf-bs__btn--ecusson:hover { --tc: var(--f); }
	.wf-bs__btn--ecusson:hover .wf-bs__bg::after { background: var(--l); }
	.wf-bs__btn--pointe:hover, .wf-bs__btn--lisere:hover { --tc: var(--ht); }
	.wf-bs__btn--pointe:hover .wf-bs__bg { background: var(--hf); clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bs-pt) * 1.6), 50% 100%, 0 calc(100% - var(--bs-pt) * 1.6)); }
	.wf-bs__btn--lisere:hover .wf-bs__bg { background: var(--hf); }
	.wf-bs__btn--lisere:hover .wf-bs__bg::before { inset: 3px; }
}
.wf-bs--full .wf-bs__btn { flex: 1 1 auto; }
@media (max-width: 639px) {
	.wf-bs--m-left { justify-content: flex-start; }
	.wf-bs--m-center { justify-content: center; }
	.wf-bs--m-full .wf-bs__btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.wf-bs__btn, .wf-bs__bg, .wf-bs__bg::before, .wf-bs__bg::after { transition-duration: .01ms; }
	.wf-bs__btn:active { transform: none; }
}