/*---------------------------------------------*/ /*ASIDE RIGHT*/ /* aside right is for links to relatives content*/ aside.aside_right { padding: calc(var(--gap-unit) / 2); } /* asides elements only have width if they have a child*/ aside.aside_right *:first-child { width: var(--aside-right-width); } /*---------------------------------------------*/ /*RELATIVES BOX*/ aside.aside_right .relative_box { margin: var(--aside-margin); padding: var(--gap-unit); width: fit-content; border: 1px solid var(--color-lines-2); } aside.aside_right .box_name { border-bottom: 1px solid var(--color-lines-2); padding-bottom: var(--gap-unit); } aside.aside_right .relative_box > * { margin-bottom: var(--gap-unit); } aside.aside_right .relative_box a h2 { color: var(--color-text-2); } /*---------------------------------------------*/ /*BUTTON BOX*/ aside.aside_right .button_box { margin: 10px var(--aside-margin); margin-bottom: 0px; padding: calc(var(--gap-unit) / 2); border: 1px solid var(--color-lines-2); border-radius: 23px; border-radius: 10em; } aside.aside_right .button_box:first-child { margin-top: var(--aside-margin); } aside.aside_right .button_box * { width: auto; } aside.aside_right .button_box h2 { padding-left: 30px; }