.rr-btn.btn-white { border-color: transparent; background-color: var(--white); }
.rr-btn.btn-white::before { background-color: var(--theme); }
.rr-btn.btn-white .text-one, .rr-btn.btn-white .text-two { gap: 119px; display: flex; }
@media only screen and (max-width: 1399px) { .rr-btn.btn-white .text-one, .rr-btn.btn-white .text-two { gap: 100px; } }
@media only screen and (max-width: 1199px) { .rr-btn.btn-white .text-one, .rr-btn.btn-white .text-two { gap: 50px; } }
@media only screen and (max-width: 767px) { .rr-btn.btn-white .text-one, .rr-btn.btn-white .text-two { gap: 20px; } }
.rr-btn.btn-white .btn-wrap .text-one { color: var(--primary); }
.rr-btn.btn-white .btn-wrap .text-two { color: var(--white); }
.rr-btn.btn-border { border: 1px solid rgba(17, 17, 17, 0.15); background-color: transparent; color: var(--black); padding: 25px 42px; }
.rr-btn.btn-border:hover, .rr-btn.btn-border:focus { border-color: transparent; color: white; }
.rr-btn.btn-border:hover .text-two, .rr-btn.btn-border:focus .text-two { color: #F9F9F9; }
.rr-btn.btn-border .btn-wrap .text-one { color: var(--black); }
.rr-btn.btn-border .btn-wrap .text-two { color: var(--white); }
.rr-btn.btn-border-white { border: 1px solid rgba(252, 247, 243, 0.1); background-color: transparent; }

.rr-btn-plus {
  position: relative; width: 100%; overflow: hidden; z-index: 5; padding: 20px 50px 20px 33px; background-color: var(--white); color: var(--black); border-radius: 20px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 1; display: inline-flex; gap: 10px; align-items: center; justify-content: space-between; text-transform: uppercase;
}
.dark .rr-btn-plus { background-color: var(--black); color: var(--black); }
@media only screen and (max-width: 1199px) { .rr-btn-plus { padding: 10px 20px 10px 18px; } }
@media (max-width: 575px) { .rr-btn-plus { font-size: 14px; } }
.rr-btn-plus:hover .icon:before, .rr-btn-plus:focus .icon:before { transform: scale(30); }
.rr-btn-plus:hover .btn-wrap .text-one, .rr-btn-plus:focus .btn-wrap .text-one { transform: translateY(-150%); }
.rr-btn-plus:hover .btn-wrap .text-two, .rr-btn-plus:focus .btn-wrap .text-two { top: 50%; transform: translateY(-50%); color: var(--black); }
.dark .rr-btn-plus:hover .btn-wrap .text-two, .dark .rr-btn-plus:focus .btn-wrap .text-two { color: var(--black); }
.rr-btn-plus .icon { width: 60px; height: 60px; display: inline-flex; justify-content: center; align-items: center; position: relative; font-size: 48px; }
.rr-btn-plus .icon:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: #FFD80C; top: 0; left: 0; border-radius: 50%; z-index: -1; transition: all 0.7s; }
.rr-btn-plus .btn-wrap { z-index: 1; float: left; overflow: hidden; position: relative; display: inline-block; border: none; }
.rr-btn-plus .btn-wrap .text-one, .rr-btn-plus .btn-wrap .text-two { display: flex; align-items: center; }
.rr-btn-plus .btn-wrap .text-one { position: relative; display: block; color: var(--black); transition: all 0.5s; }
.dark .rr-btn-plus .btn-wrap .text-one { color: var(--white); }
.rr-btn-plus .btn-wrap .text-two { position: absolute; top: 100%; display: block; color: var(--black); transition: all 0.5s; }
.dark .rr-btn-plus .btn-wrap .text-two { color: var(--black); }