.copy{cursor:pointer;text-align:start;width:max-content;font-family:Arial,sans-serif;font-size:calc(var(--index)/2.04);color:var(--text-dark-gray-mobile);padding:3px;font-weight:400;text-decoration:none;transition:color .2s;display:block;position:relative}.copy:after{clip-path:polygon(0 0,0 0,0 100%,0% 100%);content:attr(data-copied);background-color:var(--color-theme-5);color:var(--purple);padding:3px;transition:clip-path .5s;display:block;position:absolute;top:0;left:0}.copy:hover{color:var(--text-white)}.copy:active{color:var(--purple)}.copy--copied:after{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}@media screen and (min-width:768px) and (max-width:1199px){.copy{font-size:max(14px,calc(var(--index) / 2.04));padding:6px 4px}}@media screen and (max-width:767px){.copy{font-size:max(14px,var(--index)*1.272);min-height:max(44px,var(--index)*4);border-radius:8px;align-items:center;padding:10px 12px;transition:transform .15s,clip-path .5s;display:flex}.copy:after{align-items:center;padding:10px 12px;display:flex}.copy--copied{transform:scale(.95)}}
.share-btn{cursor:pointer;font-family:Arial,sans-serif;font-size:calc(var(--index)/2.04);color:var(--text-dark-gray-mobile);background:0 0;border:none;align-items:center;gap:6px;padding:3px 6px;font-weight:400;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.share-btn__icon{width:calc(var(--index)/1.5);height:calc(var(--index)/1.5);flex-shrink:0}.share-btn__icon use{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.share-btn__label{display:inline-block;position:relative}.share-btn__label:after{content:attr(data-shared)}.share-btn:after{clip-path:polygon(0 0,0 0,0 100%,0% 100%);content:attr(data-shared);background-color:var(--color-theme-5);color:var(--purple);pointer-events:none;white-space:nowrap;align-items:center;padding:3px 6px 3px 30px;transition:clip-path .5s;display:flex;position:absolute;inset:0 auto 0 0}.share-btn:hover{color:var(--text-white)}.share-btn:active{color:var(--purple)}.share-btn--shared:after{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}@media screen and (max-width:767px){.share-btn{font-size:max(14px,var(--index)*1.272);min-height:max(44px,var(--index)*4);border-radius:8px;padding:10px 12px;transition:transform .15s,clip-path .5s}.share-btn:after{padding:10px 12px 10px 36px}.share-btn--shared{transform:scale(.95)}}
.card-btn{cursor:pointer;border-radius:calc(var(--index)/5);height:calc(var(--index)/1.25);color:var(--text-dark-gray-mobile);align-items:center;gap:4px;padding-right:4px;transition:color .2s,background-color .2s;display:flex}.card-btn:hover{color:var(--text-white);background-color:var(--color-theme-3)}.card-btn:hover svg use{fill:var(--text-white)}.card-btn:active{color:var(--purple)}.card-btn:active svg use{fill:var(--purple)}.card-btn svg{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25)}.card-btn svg use{fill:var(--text-dark-gray-mobile);transition:fill .2s}.card-btn__text{font-family:Arial,sans-serif;font-size:calc(var(--index)/1.666);text-wrap:nowrap;text-align:center;font-style:normal;font-weight:600}.card-btn_active{color:var(--purple)}.card-btn_active svg use{fill:var(--purple)}@media screen and (max-width:767px){.card-btn{gap:calc(var(--index)/2.75);border-radius:calc(var(--index)*1.375);height:max(36px,var(--index)*3.27);padding:0 calc(var(--index)/1.375)}.card-btn svg{width:calc(var(--index)*2.181);height:calc(var(--index)*2.181)}.card-btn__text{font-size:max(20px,var(--index)/.55)}}