#news{width:80%;max-width:900px;padding:calc(var(--space-10)*2)0;margin:0 auto}#news h1{margin-bottom:var(--space-10);font-size:2.2rem}#news-list{padding:0 var(--space-10);margin:0;list-style:none}.news-item{cursor:pointer;background:#f2f2f2 0%;border:1px solid #fff0;border-radius:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px;margin-bottom:20px;transition:all .5s .1s;display:flex;position:relative;overflow:hidden}.news-item:before{z-index:1;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--main-color)25%,white 35%)0%,var(--base-color)100%);opacity:0;transition:opacity .5s .1s;position:absolute;inset:0}.news-item:hover{border:1px solid #a8a8a8;transform:translateY(-2px);box-shadow:0 10px 24px #00000026}.news-item:hover:before{opacity:1}.news-item a{z-index:2;width:100%;padding:var(--space-8);text-decoration:none;display:block}.news-item .date{z-index:1;color:var(--text-color2);white-space:nowrap;margin-right:30px;font-size:.9rem;display:inline-block}.news-item .text{z-index:1;color:var(--text-color1);font-size:1rem;transition:color .5s .1s;display:inline-block}.news-item .arrow{top:50%;right:var(--space-6);width:var(--space-8);height:var(--space-8);background:var(--main-color)url(/img/circle-arrow-right-solid-full.svg) no-repeat center/contain;opacity:0;border-radius:50%;transition:opacity .3s .1s,transform .3s .1s;position:absolute;transform:translateY(-50%)translate(-10px)}.news-item:hover .text{color:var(--main-color)}.news-item:hover .arrow{opacity:1;transform:translateY(-50%)translate(0)rotate(-45deg)}.to-list{padding:0 var(--space-10);justify-content:right;display:flex}.to-list a{color:#000;display:block}