.button{display:flex;flex:none;padding:20px 30px;justify-content:center;align-items:center;gap:8px;border:none;cursor:pointer;box-sizing:border-box;border-radius:200px;font-family:var(--font-manrope),sans-serif;font-size:18px;font-weight:400;line-height:normal;transition:all .35s}.button__dot{width:6px;height:6px;border-radius:100px;display:block;background-color:#1f2630;transition:all .35s}@media(hover:hover)and (pointer:fine){.button:hover .button__dot{background-color:#8fffd1}}@media(hover:none)and (pointer:coarse){.button:active .button__dot{background-color:#8fffd1}}.button svg path{transition:all .35s}.play{width:81px;height:81px;padding:0;background:#3430e9}.play.big{width:100px;height:100px}.play.small{width:55px;height:55px}.play.small svg{width:13px;height:15px}.play svg{transform:translateX(3px)}@media(hover:hover)and (pointer:fine){.play:hover{transform:scale(1.24)}}@media(hover:none)and (pointer:coarse){.play:active{transform:scale(1.24)}}.on-primary{padding:10px 24px;background-color:#fff;color:#3430e9}@media(hover:hover)and (pointer:fine){.on-primary:hover{background-color:#8fffd1}}@media(hover:none)and (pointer:coarse){.on-primary:active{background-color:#8fffd1}}.on-primary .button__icon,.on-primary .button__icon svg{width:28px;height:28px}.primary{padding:16px 24px;height:57px;background-color:#3430e9;color:#8fffd1}@media(hover:hover)and (pointer:fine){.primary:hover{background-color:#2420cd}}@media(hover:none)and (pointer:coarse){.primary:active{background-color:#2420cd}}.primary.big{padding:20px 30px;height:68px}.primary .button__icon,.primary .button__icon svg{width:28px;height:28px}.button__icon{flex:none;display:flex;align-items:center;justify-content:center}@media(hover:hover)and (pointer:fine){.primary.with-icon:hover{background-color:#1f2630}}@media(hover:none)and (pointer:coarse){.primary.with-icon:active{background-color:#1f2630}}.border{padding:14px 30px;height:47px;border:1px solid #1f2630;background-color:rgba(0,0,0,0);color:#1f2630;text-transform:uppercase}.border .button__icon,.border .button__icon svg{width:24px;height:24px}@media(hover:hover)and (pointer:fine){.border:hover{color:#fff;background-color:#3430e9;border:1px solid #3430e9}}@media(hover:none)and (pointer:coarse){.border:active{color:#fff;background-color:#3430e9;border:1px solid #3430e9}}