.clickable{text-decoration:none;position:relative;width:-moz-fit-content;width:fit-content;cursor:pointer}.clickable:after{content:"";display:block;width:0;height:1px;background:var(--blue);transition:width .3s;position:absolute;bottom:-2px;left:0}.clickable:hover:after{width:100%}.active{text-decoration:none;position:relative}.active:after{content:"";display:block;width:100%;height:1px;background:currentColor;position:absolute;bottom:-2px;left:0}.banner-text-container{display:flex;padding:var(--spacing2);background:#0075ad4d;border-radius:var(--spacing2);border:.5px solid var(--normal-outline)}.bg-red{border-color:var(--red)}.bg-green{border-color:var(--green)}