.Button-wrapper{width:100%}.Button--b1,.Button--b2,.Button--b3,.Button--b4{cursor:pointer;text-decoration:none}.Button--b1,.Button--b2,.Button--b4{box-shadow:var(--Button-box-shadow);transition:box-shadow .25s ease-in-out}.Button--b1:active,.Button--b1:focus,.Button--b1:hover,.Button--b2:active,.Button--b2:focus,.Button--b2:hover,.Button--b4:active,.Button--b4:focus,.Button--b4:hover{box-shadow:var(--Button-box-shadow--hover)}.Button--b1{align-items:center;border:var(--Button--b1-border-size,0) var(--Button--b1-border-style,none);border-radius:var(--Button--b1-border-radius,10px);display:flex;font-size:var(--Button--b1-font-size,1rem);height:var(--Button--b1-height,40px);justify-content:center;line-height:0;padding:var(--Button--b1-padding,20px);width:var(--Button--b1-width,40px)}.Button--b1 .Button-icon{transition:fill .25s ease-in-out}.Button--b1.Button--v1{background-color:var(--Button--b1-v1-background-color);border-color:var(--Button--b1-v1-border-color);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.Button--b1.Button--v1 .Button-icon{fill:var(--Button--b1-v1-icon-color,#333)}.Button--b1.Button--v1:focus,.Button--b1.Button--v1:hover{background-color:var(--Button--b1-v1-background-color--hover);border-color:var(--Button--b1-v1-border-color--hover)}.Button--b1.Button--v1:focus .Button-icon,.Button--b1.Button--v1:hover .Button-icon{fill:var(--Button--b1-v1-icon-color--hover,#333)}.Button--b1.Button--v2{background-color:var(--Button--b1-v2-background-color);border-color:var(--Button--b1-v2-border-color);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.Button--b1.Button--v2 .Button-icon{fill:var(--Button--b1-v2-icon-color,#333)}.Button--b1.Button--v2:focus,.Button--b1.Button--v2:hover{background-color:var(--Button--b1-v2-background-color--hover);border-color:var(--Button--b1-v2-border-color--hover)}.Button--b1.Button--v2:focus .Button-icon,.Button--b1.Button--v2:hover .Button-icon{fill:var(--Button--b1-v2-icon-color--hover,#333)}.Button--b1.Button--v3{background-color:var(--Button--b1-v3-background-color);border-color:var(--Button--b1-v3-border-color);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.Button--b1.Button--v3 .Button-icon{fill:var(--Button--b1-v3-icon-color,#333)}.Button--b1.Button--v3:focus,.Button--b1.Button--v3:hover{background-color:var(--Button--b1-v3-background-color--hover);border-color:var(--Button--b1-v3-border-color--hover)}.Button--b1.Button--v3:focus .Button-icon,.Button--b1.Button--v3:hover .Button-icon{fill:var(--Button--b1-v3-icon-color--hover,#333)}.Button--b1.Button--v4{background-color:var(--Button--b1-v4-background-color);border-color:var(--Button--b1-v4-border-color);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.Button--b1.Button--v4 .Button-icon{fill:var(--Button--b1-v4-icon-color,#333)}.Button--b1.Button--v4:focus,.Button--b1.Button--v4:hover{background-color:var(--Button--b1-v4-background-color--hover);border-color:var(--Button--b1-v4-border-color--hover)}.Button--b1.Button--v4:focus .Button-icon,.Button--b1.Button--v4:hover .Button-icon{fill:var(--Button--b1-v4-icon-color--hover,#333)}.Button--b2{--Button--b2-font-family:var(--so5-font-weight);--Button--b2-font-size:var(--so5-font-size);--Button--b2-font-weight:var(--so5-font-weight);--Button--b2-line-height:var(--so5-line-height);border:var(--Button--b2-border-size,0) var(--Button--b2-border-style,none);border-radius:var(--Button-border-radius);display:table;font-family:var(--Button--b2-font-family,sans-serif);font-size:var(--Button--b2-font-size,1rem);font-weight:var(--Button--b2-font-weight,normal);line-height:var(--Button--b2-font-size,1.1);padding:var(--Button--b2-padding,15px 20px);width:auto}.Button--b2.Button--v1{background-color:var(--Button--b2-v1-background-color);border-color:var(--Button--b2-v1-border-color);color:var(--Button--b2-v1-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b2.Button--v1:focus,.Button--b2.Button--v1:hover{background-color:var(--Button--b2-v1-background-color--hover);border-color:var(--Button--b2-v1-border-color--hover);color:var(--Button--b2-v1-color--hover)}.Button--b2.Button--v2{background-color:var(--Button--b2-v2-background-color);border-color:var(--Button--b2-v2-border-color);color:var(--Button--b2-v2-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b2.Button--v2:focus,.Button--b2.Button--v2:hover{background-color:var(--Button--b2-v2-background-color--hover);border-color:var(--Button--b2-v2-border-color--hover);color:var(--Button--b2-v2-color--hover)}.Button--b2.Button--v3{background-color:var(--Button--b2-v3-background-color);border-color:var(--Button--b2-v3-border-color);color:var(--Button--b2-v3-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b2.Button--v3:focus,.Button--b2.Button--v3:hover{background-color:var(--Button--b2-v3-background-color--hover);border-color:var(--Button--b2-v3-border-color--hover);color:var(--Button--b2-v3-color--hover)}.Button--b2.Button--v4{background-color:var(--Button--b2-v4-background-color);border-color:var(--Button--b2-v4-border-color);color:var(--Button--b2-v4-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b2.Button--v4:focus,.Button--b2.Button--v4:hover{background-color:var(--Button--b2-v4-background-color--hover);border-color:var(--Button--b2-v4-border-color--hover);color:var(--Button--b2-v4-color--hover)}.Button--b3{--Button--b3-font-family:var(--so5-font-weight);--Button--b3-font-size:var(--so5-font-size);--Button--b3-font-weight:var(--so5-font-weight);--Button--b3-line-height:var(--so5-line-height);align-items:center;display:flex;font-family:var(--Button--b3-font-family,sans-serif);font-size:var(--Button--b3-font-size,1rem);font-weight:var(--Button--b3-font-weight,normal);line-height:var(--Button--b3-font-size,1.1);padding:var(--Button--b3-padding,15px 20px);width:auto}.Button--b3 .Button-label{margin-right:10px}.Button--b3 .Button-icon{transition:fill .25s ease-in-out}.Button--b3.Button--v1{background-color:var(--Button--b3-v1-background-color);color:var(--Button--b3-v1-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b3.Button--v1 .Button-icon{fill:var(--Button--b3-v1-icon-color,#333)}.Button--b3.Button--v1:focus,.Button--b3.Button--v1:hover{background-color:var(--Button--b2-v1-background-color--hover);color:var(--Button--b3-v1-color--hover)}.Button--b3.Button--v1:focus .Button-icon,.Button--b3.Button--v1:hover .Button-icon{fill:var(--Button--b3-v1-icon-color--hover,#333)}.Button--b3.Button--v2{background-color:var(--Button--b3-v2-background-color);color:var(--Button--b3-v2-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b3.Button--v2 .Button-icon{fill:var(--Button--b3-v2-icon-color,#333)}.Button--b3.Button--v2:focus,.Button--b3.Button--v2:hover{background-color:var(--Button--b3-v2-background-color--hover);color:var(--Button--b3-v2-color--hover)}.Button--b3.Button--v2:focus .Button-icon,.Button--b3.Button--v2:hover .Button-icon{fill:var(--Button--b3-v2-icon-color--hover,#333)}.Button--b3.Button--v3{background-color:var(--Button--b3-v3-background-color);color:var(--Button--b3-v3-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b3.Button--v3 .Button-icon{fill:var(--Button--b3-v3-icon-color,#333)}.Button--b3.Button--v3:focus,.Button--b3.Button--v3:hover{background-color:var(--Button--b3-v3-background-color--hover);color:var(--Button--b3-v3-color--hover)}.Button--b3.Button--v3:focus .Button-icon,.Button--b3.Button--v3:hover .Button-icon{fill:var(--Button--b3-v3-icon-color--hover,#333)}.Button--b3.Button--v4{background-color:var(--Button--b3-v4-background-color);color:var(--Button--b3-v4-color);transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out}.Button--b3.Button--v4 .Button-icon{fill:var(--Button--b3-v4-icon-color,#333)}.Button--b3.Button--v4:focus,.Button--b3.Button--v4:hover{background-color:var(--Button--b3-v4-background-color--hover);color:var(--Button--b3-v4-color--hover)}.Button--b3.Button--v4:focus .Button-icon,.Button--b3.Button--v4:hover .Button-icon{fill:var(--Button--b3-v4-icon-color--hover,#333)}.Button--b4{--Button--b4-font-family:var(--so5-font-weight);--Button--b4-font-size:var(--so5-font-size);--Button--b4-font-weight:var(--so5-font-weight);--Button--b4-line-height:var(--so5-line-height);border:var(--Button--b4-border-size,0) var(--Button--b4-border-style,none);border-radius:var(--Button-border-radius);color:var(--clr-f2);display:table;font-family:var(--Button--b4-font-family,sans-serif);font-size:var(--Button--b4-font-size,1rem);font-weight:var(--Button--b4-font-weight,normal);line-height:var(--Button--b4-font-size,1.1);padding:var(--Button--b4-padding,15px 20px);width:auto}.Button--b4.Button--v1{background-color:var(--Button--b4-v1-background-color);border-color:var(--Button--b4-v1-border-color);transition:background-color .25s ease-in-out,border-color .25s ease-in-out}.Button--b4.Button--v1:focus,.Button--b4.Button--v1:hover{background-color:var(--Button--b4-v1-background-color--hover);border-color:var(--Button--b4-v1-border-color--hover)}.Button--center,.Button--left{margin-right:auto}.Button--center{justify-content:center;margin-left:auto}.Button--right{justify-content:right;margin-left:auto}.Button-group{display:flex;flex-wrap:wrap;gap:var(--Button-group-gap,20px)}.Button-group--center{justify-content:center}.Button-group>*{width:auto}