.button-common[data-v-f464119a],.button-common[data-v-f464119a] *,.button-common path[data-v-f464119a],.button-common svg[data-v-f464119a]{transition:all .3s ease}.btn-bg-primary[data-v-f464119a]{background-color:var(--color-primary);border:2px solid var(--color-primary)}.btn-bg-primary span[data-v-f464119a],.btn-bg-primary svg[data-v-f464119a]{color:var(--color-white)}.btn-bg-primary path[data-v-f464119a]{stroke:var(--color-primary)}.btn-bg-primary .circle-icon[data-v-f464119a]{background:var(--color-white)}@media(min-width:1024px){.btn-bg-primary[data-v-f464119a]:hover:not(.disabled){background-color:var(--color-white)}.btn-bg-primary:hover:not(.disabled) span[data-v-f464119a],.btn-bg-primary:hover:not(.disabled) svg[data-v-f464119a]{color:var(--color-primary)}.btn-bg-primary:hover:not(.disabled) path[data-v-f464119a]{stroke:var(--color-white)}.btn-bg-primary:hover:not(.disabled) .circle-icon[data-v-f464119a]{background:var(--color-primary)}}.btn-bg-white[data-v-f464119a]{background-color:var(--color-white);border:2px solid var(--color-white)}.btn-bg-white span[data-v-f464119a]{color:var(--color-primary)}.btn-bg-white path[data-v-f464119a]{stroke:var(--color-white)}.btn-bg-white .circle-icon[data-v-f464119a]{background:var(--color-primary)}@media(min-width:1024px){.btn-bg-white[data-v-f464119a]:hover:not(.disabled){background-color:var(--color-primary)}.btn-bg-white:hover:not(.disabled) span[data-v-f464119a]{color:var(--color-white)}.btn-bg-white:hover:not(.disabled) path[data-v-f464119a]{stroke:var(--color-primary)}.btn-bg-white:hover:not(.disabled) .circle-icon[data-v-f464119a]{background:var(--color-white)}}.btn-bg-red[data-v-f464119a]{background-color:var(--color-red);border:2px solid var(--color-red)}.btn-bg-red span[data-v-f464119a]{color:var(--color-white)}.btn-bg-red path[data-v-f464119a]{stroke:var(--color-red)}.btn-bg-red .circle-icon[data-v-f464119a]{background:var(--color-white)}@media(min-width:1024px){.btn-bg-red[data-v-f464119a]:hover:not(.disabled){background-color:var(--color-white)}.btn-bg-red:hover:not(.disabled) span[data-v-f464119a]{color:var(--color-red)}.btn-bg-red:hover:not(.disabled) path[data-v-f464119a]{stroke:var(--color-white)}.btn-bg-red:hover:not(.disabled) .circle-icon[data-v-f464119a]{background:var(--color-red)}}