:root{--fontColor:#3c3c3c;--backgroundColor:#f5f5f5;--lightShadow:#c3c3c3}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-size:16px;margin-bottom:3px;min-height:40px;padding:5px 15px;text-decoration:none;transition:.05s ease-in-out}@media screen and (min-width:360px){.btn{font-size:calc(14.61538px + .38462vw)}}@media screen and (min-width:1400px){.btn{font-size:20px}}.btn{position:relative}@media only screen and (max-width:1024px){.btn{min-height:35px;padding:4px 12px}.btn .icon svg{width:18px}}@media only screen and (max-width:768px){.btn{padding:4px 10px}}.btn:after{background-color:#50505000;border-radius:5px;content:"";inset:0;position:absolute;transition:background-color .15s ease-in-out;z-index:1}.btn:hover{text-decoration:none}.btn:active,.btn:hover{transform:translateY(2px)}.btn--block{display:flex;flex-grow:1;justify-content:space-between}.btn .txt{display:inline-block;line-height:1;white-space:break-spaces;z-index:2}.btn.has-icon .txt{margin-right:15px}.btn .icon{display:inline-block;line-height:0;z-index:2}.btn.icon-rotate svg{transform:rotate(var(--iconRotate));transition:transform .15s ease-in-out}.btn--small{font-size:12px;min-height:30px;padding:4px 10px}@media screen and (min-width:360px){.btn--small{font-size:calc(10.96154px + .28846vw)}}@media screen and (min-width:1400px){.btn--small{font-size:15px}}@media only screen and (max-width:768px){.btn--small{min-height:26px;padding:3px 8px}}.btn--small:active{transform:translateY(0)}.btn--small .icon svg{width:12px}.btn--only-icon{justify-content:center;width:50px}@media only screen and (max-width:1024px){.btn--only-icon{width:40px}}.btn--plain{background:transparent!important;border-bottom:2px solid transparent;border-radius:0;box-shadow:none!important;min-height:0;padding:0 0 2px;transition:border-color .15s ease-in-out}.btn--plain:after{content:none}.btn--plain:hover{transform:none}.btn--plain.btn--light:hover{border-color:var(--fontColor)}.btn--plain.btn--dark:hover{border-color:#fff}.btn--plain.btn--small{border-width:1px;padding-bottom:0}.btn--primary{background-color:var(--primaryColor);box-shadow:0 3px 0 var(--darkShadow);color:#fff}.btn--primary svg{height:20px}.btn--primary svg path{fill:#fff}.btn--primary:active,.btn--primary:hover{background-color:var(--darkShadow);box-shadow:0 1px 0 var(--darkShadow)}.btn--dark{background-color:var(--secondaryColor);box-shadow:0 3px 0 var(--darkShadow);color:#fff}.btn--dark svg{height:20px}.btn--dark svg path{fill:#fff}.btn--dark:active,.btn--dark:hover{background-color:var(--darkShadow);box-shadow:0 1px 0 var(--darkShadow)}.btn--light{background-color:#fff;box-shadow:0 3px 0 var(--lightShadow);color:var(--fontColor)}.btn--light:active,.btn--light:hover{background-color:var(--lightShadow);box-shadow:0 1px 0 var(--lightShadow)}