.soccer-detail-modal{width:100%;height:100%;background-color:var(--black);position:relative;transition:all 1s}.soccer-detail-modal:after{content:"";opacity:0;transition:opacity 1s linear;position:absolute;inset:-5px;background:var(--primary-grandient);filter:blur(20px);z-index:-1}.soccer-detail-modal .close_button{width:40px;aspect-ratio:1;border-radius:50%;background-color:var(--dark);color:var(--text-light);display:flex;align-items:center;justify-content:center;transition:all 1s;position:absolute;top:10px;right:10px;z-index:2}.soccer-detail-modal .match_container{width:100%;height:100%;flex-direction:column;padding:20px;overflow-x:hidden;overflow-y:auto}.match_container .copertina{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:10px;transition:all 1s;background-color:var(--loader-image);& img{object-fit:cover;object-position:top center}}.notification-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,rgba(255,207,74,1),rgba(255,108,57,1) 58%);color:black;padding:10px;& a{color:black}}@media only screen and (min-width:768px){.soccer-detail-modal{border-radius:20px}.soccer-detail-modal:after{opacity:1}.soccer-detail-modal .close_button{top:-15px;right:-15px}.match_container .copertina{margin-top:0!important;max-height:350px}}