.action-area:after{content:"";position:absolute;inset:0;z-index:1;border-radius:8px;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;transition:background .15s ease-out}.action-area.actived :after,.action-area:hover :after{background:linear-gradient(180deg,transparent 0,transparent 30%,rgba(53,44,76,0) 0,rgba(53,44,76,0) 60%,rgba(53,44,76,0) 65%,rgba(53,44,76,.1) 70%,rgb(53,44,76) 80%,rgb(53,44,76) 90%,rgb(53,44,76))}.action-area.actived:after,.action-area:hover:after{background:linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),linear-gradient(173deg,#D969DB 9.75%,#D969DB 115.71%)}