/************************************ Start: Box ************************************/
/* Start: Main */
.cms_sidebuttons_main { position: fixed; z-index: 100 !important; top: 300px; right: 0; display: flex; flex-direction: column; gap: 20px; transform: translateX(495px); }
/* End: Main */

/* Start: Box */
.cms_sidebuttons_box {
    display: flex;
    max-width: 545px;
    width: 100%;
    box-shadow: var(--boxShadowDefault);
    border-radius: 10px 0 0 10px;
    will-change: transform;
    transition: all .3s ease-in-out;
}
.cms_sidebuttons_box.open { box-shadow: var(--boxShadowHover); transform: translateX(-495px); }
.cms_sidebuttons_box > .full_article_link { display: none; inset: 0 0 0 34px; }
/* End: Box */

/* Start: Title */
.cms_sidebuttons_title { cursor: pointer; width: 50px; writing-mode: vertical-lr; transform: rotate(180deg); padding: 20px 0; }
.cms_sidebuttons_title > p {
    font-family: "Rubik", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: left;
    padding: 0 !important;
}
.cms_sidebuttons_title .fa { font-size: 20px; line-height: 50px; color: #FFFFFF; margin: 0 0 10px 0; transform: rotate(90deg); }
/* End: Title */

/* Start: Content */
.cms_sidebuttons_contentBox { display: flex; align-items: flex-end; }
.cms_sidebuttons_content { display: flex; flex-wrap: wrap; padding: 20px 30px; gap: 30px; }
.cms_sidebuttons_contentLeft,
.cms_sidebuttons_contentRight { display: flex; flex-direction: column; gap: 15px; }
.cms_sidebuttons_content p:last-of-type { padding: 0; }
.cms_sidebuttons_bigText p { font-size: 20px; line-height: 30px; color: #FFFFFF; }
.cms_sidebuttons_smallText p { font-weight: 400; font-size: 15px; line-height: 20px; color: #FFFFFF; }
.cms_sidebuttons_smallText strong { font-weight: 700; }
.cms_sidebuttons_content a { color: #FFFFFF; }
.cms_sidebuttons_content .button-soft > a { color: #FFFFFF; }
.cms_sidebuttons_content .button-soft > a:hover { color: #FFFFFF; }
.cms_sidebuttons_content .button-soft > a:before { background: url("/pages/img/buttons/button-soft/sb-arrow-right.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; }
.cms_sidebuttons_content .button-soft > a:after { background: url("/pages/img/buttons/button-soft/sb-arrow-right.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; }
/* End: Content */

@media screen and (max-width: 959px) {
    /* Start: Main */
    .cms_sidebuttons_main { top: 100px; gap: 12px; transform: translateX(75px); }
    /* End: Main */

    /* Start: Box */
    .cms_sidebuttons_box { display: block; max-width: none; width: auto; }
    .cms_sidebuttons_box.open { transform: translateX(-75px); }
    .cms_sidebuttons_box > .full_article_link { display: block; }
    /* End: Box */

    /* Start: Title */
    .cms_sidebuttons_title { width: auto; writing-mode: unset; transform: none; padding: 7px 10px; }
    .cms_sidebuttons_title > p { font-weight: 500; font-size: 16px; line-height: 26px; }
    .cms_sidebuttons_title .fa { width: 16px; font-size: 16px; line-height: 26px; margin: 0 10px 0 0; transform: none; }
    /* End: Title */

    /* Start: Content */
    .cms_sidebuttons_contentBox { display: none; }
    /* End: Content */
}

@media screen and (max-width: 767px) {
    /* Start: Title */
    .cms_sidebuttons_title > p { font-weight: 500 !important; font-size: 16px !important; line-height: 26px !important; }
    /* End: Title */
}
/************************************ End: Box ************************************/