.groups_area>header{padding-top:20px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd}.groups_area>header h1{font-size:16px}#myGroupPanel{margin-top:20px}ul.group_list{display:grid;grid-template-columns:repeat(4, 1fr);-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:20px}ul.group_list>li{display:block;border:1px solid #ddd;border-radius:5px;will-change:transform,border-color;-webkit-transition:border-color .3s linear,-webkit-transform .3s ease;transition:border-color .3s linear,-webkit-transform .3s ease;transition:border-color .3s linear,transform .3s ease;transition:border-color .3s linear,transform .3s ease,-webkit-transform .3s ease}ul.group_list>li a{will-change:transform,background-color;--hover-x: center;--hover-y: center;position:relative;display:block;padding:10px 20px;text-align:left}ul.group_list>li a[data-direction=top]{--hover-x: 50%;--hover-y: 0%}ul.group_list>li a[data-direction=right]{--hover-x: 100%;--hover-y: 50%}ul.group_list>li a[data-direction=bottom]{--hover-x: 50%;--hover-y: 100%}ul.group_list>li a[data-direction=left]{--hover-x: 0%;--hover-y: 50%}ul.group_list>li a::before{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:var(--hover-x) var(--hover-y);transform-origin:var(--hover-x) var(--hover-y);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}ul.group_list>li a:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1)}ul.group_list>li a::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:#bfdae8;z-index:-1;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}ul.group_list>li:hover{border-color:#1a80b3}ul.group_list>li p{font-size:16px;font-weight:600;color:#333}ul.group_list>li p.corp_name{font-weight:300}@media all and (max-width: 1279px){ul.group_list{grid-template-columns:repeat(1, 1fr);gap:10px}}