.joblist-list-item{position:relative;width:100%}.joblist-list-item:not(:first-of-type){margin-top:1.5rem}@media screen and (min-width:769px){.joblist-list-item:not(:first-of-type){margin-top:3rem}}.joblist-list-item:before{content:"";position:absolute;top:2rem;left:-1%;width:102%;height:100%;background:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%);filter:blur(3rem);opacity:.1;pointer-events:none;z-index:1}.joblist-card{position:relative;width:100%;height:100%;padding:2rem 2rem 3rem;background-color:var(--color-bg);border:1px solid var(--color-border);text-align:left;display:block;z-index:1}.joblist-card:before{width:100%;background-color:var(--color-border)}.joblist-card:after,.joblist-card:before{content:"";position:absolute;bottom:0;left:0;height:.3rem;pointer-events:none}.joblist-card:after{width:33%;background:linear-gradient(90deg,var(--color-accent01) 0,var(--color-accent02) 33%,var(--color-accent03) 66%,var(--color-accent04) 100%);transition:width .5s cubic-bezier(.25,1,.5,1)}@media (any-hover:hover){.joblist-card:hover:after{width:100%}.joblist-card:hover .joblist-card-name .arrow{width:3rem}}@media screen and (any-hover:hover) and (max-width:768px){.joblist-card:hover .joblist-card-name .arrow{width:2.4rem!important}}.joblist-card-name{position:relative;width:100%;padding:0 4rem 0 .5rem;font-weight:600;font-size:1.8rem;line-height:1.2;text-align:left}@media screen and (min-width:769px){.joblist-card-name{font-size:2.8rem;padding:0 7rem 0 2rem}}.joblist-card-name .arrow{position:absolute;top:0;bottom:0;left:calc(100% - 3rem);width:2.4rem;height:1px;margin:auto;background-color:var(--color-txt);transition:width .3s;display:block}.joblist-card-name .arrow:after{content:"";position:absolute;top:0;right:0;width:1.4rem;height:100%;background-color:var(--color-txt);transform:rotate(30deg);transform-origin:center right}@media screen and (min-width:769px){.joblist-card-name .arrow{left:calc(100% - 6rem)}}