.DynamicButton7[data-v-047ba5a8]{width:100%;height:100%;border-radius:40px;border:1px solid hsla(0,0%,100%,.349);background:#0c0c0c;justify-content:flex-start;cursor:pointer;padding:0 5px;--dynamic-button-before-width:30px;--dynamic-button-hover-background:#0c0c0c;--dynamic-button-icon-container-hover-background:linear-gradient(180deg,#f8f,#ac46ff);--dynamic-button-border-hover-color:#b1dae7;--dynamic-button-icon-hover-color:#000}.DynamicButton7 .IconContainer[data-v-047ba5a8],.DynamicButton7[data-v-047ba5a8]{display:flex;align-items:center;transition-duration:.3s;overflow:hidden}.DynamicButton7 .IconContainer[data-v-047ba5a8]{width:var(--dynamic-button-before-width);height:var(--dynamic-button-before-width);background:linear-gradient(180deg,#f8f,#ac46ff);border-radius:50px;justify-content:center;z-index:2;flex-shrink:0}.DynamicButton7 .text[data-v-047ba5a8]{height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;transition-duration:.3s;font-size:14px}.DynamicButton7[data-v-047ba5a8]:hover{background:var(--dynamic-button-hover-background)!important;border-color:var(--dynamic-button-border-hover-color)!important}.DynamicButton7:hover .IconContainer[data-v-047ba5a8]{width:100%;transition-duration:.3s;background:var(--dynamic-button-icon-container-hover-background)!important}.DynamicButton7:hover .IconContainer .icon[data-v-047ba5a8]{color:var(--dynamic-button-icon-hover-color)!important}.DynamicButton7:hover .text[data-v-047ba5a8]{transform:translate(100px);width:0;font-size:0;transition-duration:.3s}.DynamicButton7[data-v-047ba5a8]:active{transform:scale(.95);transition-duration:.3s}