.roundel{--roundel-size:3.0625rem;--roundel-icon-width:1.25rem;--roundel-fill:var(--c-primary-accent);flex-shrink:0;flex-grow:0;color:var(--roundel-fill,inherit);display:flex;align-items:center;justify-content:center;padding:calc((var(--roundel-size) - var(--roundel-icon-width))*.5);position:relative}.roundel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-circle);border:var(--border-width-thick) solid var(--roundel-fill,currentColor);transition:background-color .4s var(--ease-circ),transform .8s var(--ease-circ)}.roundel .icon{width:var(--roundel-icon-width);height:var(--roundel-icon-width)}.roundel .icon-pdf{width:calc(var(--roundel-icon-width)*1.2);height:calc(var(--roundel-icon-width)*1.2)}.icon-pdf,.roundel .icon{position:relative;transition:all .3s var(--ease-circ)}.roundel--filled:before,a:hover .roundel:not(.roundel--filled):before,button:not([disabled]):hover .roundel:not(.roundel--filled):before{background-color:var(--roundel-fill,currentColor)}.roundel--filled .icon,a:hover .roundel:not(.roundel--filled) .icon,button:not([disabled]):hover .roundel:not(.roundel--filled) .icon{color:var(--roundel-hover,var(--c-neutral-6))}.roundel--filled .icon-pdf--corner,.roundel--filled .icon-pdf--outline,a:hover .roundel:not(.roundel--filled) .icon-pdf--corner,a:hover .roundel:not(.roundel--filled) .icon-pdf--outline,button:not([disabled]):hover .roundel:not(.roundel--filled) .icon-pdf--corner,button:not([disabled]):hover .roundel:not(.roundel--filled) .icon-pdf--outline{stroke:var(--roundel-hover,var(--c-neutral-6))}.roundel--filled .icon-pdf--label,a:hover .roundel:not(.roundel--filled) .icon-pdf--label,button:not([disabled]):hover .roundel:not(.roundel--filled) .icon-pdf--label{fill:var(--roundel-hover,var(--c-neutral-6))}a:hover:not(:active) .roundel:before,button:not([disabled]):hover:not(:active) .roundel:before{transform:scale(1.2)}a:hover:not(:active) .roundel .icon,a:hover:not(:active) .roundel .icon-pdf,button:not([disabled]):hover:not(:active) .roundel .icon,button:not([disabled]):hover:not(:active) .roundel .icon-pdf{transform-origin:center center;transform:scale(1.5);transition-delay:50ms}.icon-pdf{width:1.3rem;height:1.3rem;display:inline-block}.icon-pdf--corner,.icon-pdf--outline{stroke:var(--roundel-fill);transition:stroke .1s ease-in-out}.icon-pdf--label{fill:var(--roundel-fill);transition:fill .1s ease-in-out}.roundel:not(.roundel--filled):hover .icon-pdf--corner,.roundel:not(.roundel--filled):hover .icon-pdf--outline{stroke:var(--roundel-hover)}.roundel:not(.roundel--filled):hover .icon-pdf--label{fill:var(--roundel-hover)}.roundel--filled .icon-pdf--corner,.roundel--filled .icon-pdf--label,.roundel--filled .icon-pdf--outline{color:var(--roundel-fill,currentColor)}
