.icon{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);width:24px;height:24px;background:linear-gradient(to bottom right,var(--dark-blue),var(--dark-red));background-clip:border-box}.MuiButton-root.gradient-border-button{position:relative;min-width:unset;width:40px;height:40px;padding:0;margin:0}.gradient-border-button:before{content:"";position:absolute;inset:0;border-radius:5px;border:3px solid transparent;background:linear-gradient(135deg,var(--dark-blue),var(--dark-red)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.gradient-border-button:hover{transform:scale(1.05);mask:none;background:linear-gradient(135deg,var(--dark-blue),var(--dark-red))}.gradient-border-button:hover .icon{background:var(--dark-black)}.gradient-border-button:active{transform:scale(.95);transition:transform .1s ease}@media(max-width:480px){.MuiButton-root.gradient-border-button{width:30px;height:30px}.gradient-border-button:before{border-width:2px}.icon{width:18px;height:18px}}