{\rtf1\ansi\ansicpg1252\cocoartf2709
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\pardirnatural\partightenfactor0

\f0\fs24 \cf0 .button \{\
  font-family: 'Roboto', sans-serif; /* Common font family */\
  color: rgb(255, 255, 255); /* White text color */\
  padding: 10px 20px; /* Common padding */\
  display: inline-block; /* Common display type */\
  border-radius: 5px; /* Common border radius */\
  box-shadow: -2px -2px 0px rgba(255, 255, 255, 0.5), 2px 2px 0px rgba(0, 0, 0, 0.1); /* Common shadow */\
  box-sizing: border-box; /* Ensures padding is included in total width and height */\
  text-align: center; /* Centers text */\
  text-decoration: none; /* Removes underline from links */\
  background-color: rgb(240, 90, 36); /* Base background color */\
  font-size: 36px; /* Base font size */\
  border: none; /* No border by default */\
\}\
\
.button-primary \{\
  border: solid 2px white; /* Adds a white border */\
  width: 100%; /* Full width */\
\}\
\
.button-gradient \{\
  background: linear-gradient(rgb(240, 119, 55) 0%, rgb(224, 102, 51) 50%, rgb(240, 119, 55) 100%), rgb(240, 90, 36);\
  border: 1px solid white; /* Adds a white border */\
  box-shadow: rgba(255, 255, 255, 0.2) -2px -2px 2px inset, rgba(0, 0, 0, 0.2) 2px 2px 2px inset; /* Adjusted shadow for inset effect */\
\}\
}