:root{--font-color:#111;--background-color:#fff;--background-color-1:#eee;--background-color-2:#f8f8f8;--primary-color:#1f526c;--shadow-color:#ccc}.btn{background-color:var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto;font-size:1.2rem;font-weight:400;line-height:3rem;outline:none;padding:5px 40px;text-align:center;transition:all .3s ease-out}.btn--small{font-size:1rem;padding:0 20px}.btn:hover{box-shadow:5px 5px 10px var(--shadow-color);opacity:.9}@media (max-width:767px){.btn{font-size:1.2rem;line-height:2.5rem}.btn--small{font-size:.9rem;padding:0 20px}}@media (max-width:649px){.btn{display:block;font-size:1rem;padding:10px 30px}.btn--small{font-size:.9rem;padding:0 20px}}