body.page-template-oferta #b2b-button { position: fixed; right: 15px; bottom: 4.375rem; }

body.page-template-oferta #b2b-button a .rectangle { max-width: 200px; margin-bottom: .5rem; }

body.page-template-oferta #b2b-button span.dismiss { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 8px; background-color: white; border: 1px solid var(--second); /* outline: 2px solid white; */ color: var(--second); position: absolute; right: -6px; top: -6px; cursor: pointer; }

body.page-template-oferta #b2b-button a .rectangle,
body.page-template-oferta #b2b-button a .circle { display: flex; justify-content: center; align-items: center; background-color: var(--second); transition: all .4s; }

body.page-template-oferta #b2b-button a:hover .rectangle,
body.page-template-oferta #b2b-button a:hover .circle { background-color: var(--first); }

body.page-template-oferta #b2b-button a .circle { width: 56px; height: 56px; border-radius: calc(56px / 2); margin-left: auto; margin-right: 0; } 

@media (min-width: 360px) {
    body.page-template-oferta #b2b-button a .rectangle { max-width: none; }
}

@media (min-width: 768px) {
    body.page-template-oferta #b2b-button { right: 6rem; bottom: 2.5rem; }
    body.page-template-oferta #b2b-button a { display: flex; justify-content: center; align-items: center; }
    body.page-template-oferta #b2b-button a .rectangle { margin-bottom: 0; }
    body.page-template-oferta #b2b-button span.dismiss { display: none; }
}