.btn{display:flex;align-items:center;justify-content:center;position:relative;transition:all .1s ease-in-out;box-shadow:3px 3px 2px rgba(0, 0, 0, 0.3);font-weight:700;flex-direction:row;cursor:pointer;text-transform:uppercase;border-radius:6px;padding:6px 20px;font-size:16px;width:100%}.outline-green{background-color:rgba(0, 0, 0, 0);border:1px solid #6dbc0d;color:#6dbc0d}@media(min-width: 900px){.outline-green:hover{background-color:rgba(109, 188, 13, 0.8);color:#fff;border:1px solid #6dbc0d}}.white{color:#f5f5f5;background-color:#f5f5f5;border:1px solid rgba(0, 0, 0, 0);color:rgba(0, 0, 0, 0.7)}.white:active{box-shadow:4px 4px 3px rgba(0, 0, 0, 0.3) inset}.white,.white:link,.white:visited{letter-spacing:.5px}@media(min-width: 900px){.white:hover{background-color:rgba(245, 245, 245, 0.8);color:#fff;border:1px solid #f5f5f5}}.green{color:#f5f5f5;background-color:rgba(109, 188, 13, 0.65);border:1px solid rgba(0, 0, 0, 0)}.green:active{box-shadow:4px 4px 3px rgba(0, 0, 0, 0.3) inset}.green,.green:link,.green:visited{letter-spacing:.5px}@media(min-width: 900px){.green:hover{background-color:rgba(109, 188, 13, 0.8);color:#fff;border:1px solid rgba(109, 188, 13, 0.65)}}