button{background-color:unset;border:none}.btn{border-radius:var(--r-small);cursor:pointer;font-weight:400;text-align:center;transition:background .3s ease}.btn a{color:unset}.btn .icon{margin-right:.5rem}.btn.large{font-size:1.15rem;line-height:1;padding:.75rem}.btn.large .icon{display:inline-block;height:18px;width:18px;vertical-align:top}.btn.large .icon.google:before{content:url(https://rankitnow.ca/build/assets/google-B8zkl7wZ.svg)}.btn.medium{font-size:1rem;padding:.5rem}.btn.small{font-size:.85rem;padding:.25rem}.btn.round{background-color:var(--white);border-radius:50%;height:2.5rem;padding:.5rem;width:2.5rem}.btn.round .icon:before{height:unset;width:unset}.btn.tag{background-color:var(--lightgrey);color:var(--black);display:inline-block;margin:0 .25rem;padding:.25rem .5rem}.primary{background-color:var(--theme);color:var(--black)}.primary:hover{background-color:var(--theme-hover)}.primary:active{background-color:var(--theme-active)}.secondary{background-color:unset;border:solid 1px var(--theme);color:var(--theme);transition:color .3s ease}.secondary:hover{border-color:var(--theme-hover);color:var(--theme-hover)}.secondary:active{border-color:var(--theme-active);color:var(--theme-active)}.text{color:var(--black)}.text:hover{background-color:var(--lightgrey)}.text:active{background-color:var(--spacer-light)}.link{color:var(--black)}.dark{background-color:var(--black);color:var(--white)}.btn.close{position:relative;padding:1rem;float:right;align-self:end}