.btn-tillegsavtale-option{position:relative;display:flex;flex-direction:column;height:111px;width:100%;padding:10px 20px 17px;background-color:var(--black003-white003);justify-content:center;overflow-x:hidden;border-radius:8px}.btn-tillegsavtale-option:before,.do-you-have-agreement-btn:before{position:absolute;left:0;top:0;width:30%;height:100%;content:" ";transform:translateX(-100%);background:linear-gradient(93deg,rgba(199,255,162,.6),rgba(199,255,162,.3) 39.42%,rgba(199,255,162,0) 98.78%);transition:transform .5s ease-in-out}.btn-tillegsavtale-option:hover:before,.do-you-have-agreement-btn:hover:before{transform:translateX(0)}.btn-tillegsavtale-option>h3{color:var(--spblue-11-0);font:var(--h1-medium)}.btn-tillegsavtale-option .content .main .note{color:#9292A2;text-align:center;font:var(--body3-medium)}.btn-tillegsavtale-option .content .main .note a{text-decoration:underline}.btn-tillegsavtale-option .content .main .description{font:var(--body1-medium)}.btn-tillegsavtale-option .content .discount{position:absolute;left:25px;top:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}.btn-tillegsavtale-option .content .discount span:first-child{opacity:.5;font:var(--body1-medium)}.btn-tillegsavtale-option .content .discount span:last-child{opacity:.3;font:var(--h1-medium)}.stage-content .do-you-have-agreement-btn{display:flex;height:111px;padding:0 22.5px;align-items:center;gap:5px;align-self:stretch;border-radius:8px;background-color:var(--black003-white003);overflow-x:hidden;position:relative}.do-you-have-agreement-btn>span{z-index:1}@media (max-width:840px){.btn-tillegsavtale-option{justify-content:space-between}.btn-tillegsavtale-option .content{display:flex;justify-content:space-between}.btn-tillegsavtale-option .content .discount{position:static}.btn-tillegsavtale-option .content .main{height:100%;justify-content:center}.btn-tillegsavtale-option .content .main .description{font:var(--body3-medium);width:100%;text-align:right}.btn-tillegsavtale-option .content .main .note{font:var(--label-extra-small);width:100%;text-align:right}.btn-tillegsavtale-option:before{transform:translateX(0);width:60%}.btn-tillegsavtale-option>h3{font:var(--h3-medium);width:100%}.btn-tillegsavtale-option .content .discount span:first-child{color:rgba(0,0,0,.9);font:var(--body2-medium)}.btn-tillegsavtale-option .content .discount span:last-child{color:rgba(0,0,0,.8);font:var(--h2-medium);font-size:28px}}@media (max-width:340px){.btn-tillegsavtale-option>h3{font-size:16px}}