/*orginal colors*/
.op_blue{
    background: #2196f3;
}
.op_red{
    background: #ff0000;
}
.op_productred{
    background: #b90b2d;
}
.op_black{
    background: #2d2d2d;
}
.op_white{
    background: #fafafa;
}
.op_silver{
    background: #e4e5e1;
}
.op_gold{
    background: #F5DDC5;
}
.op_rosegold{
  background: #FAD7BD;
}
.op_pink{
    background: #fbe2dd;
}
.op_green{
    background: #77db82;
}
.op_purple{
    background: #9a92d7;
}
.op_yellow{
    background: #ffeb3b;
}
.op_gray{
    background: #9E9E9E;
}
.op_iceblue{
    background: #d5f2ff;
}
.op_darkblue{
    background: #10265b;
}
.op_cream{
    background: #f9e5bc;
}
.op_darkpurple{
    background: #9C27B1;
}
.op_brown{
    background: #42280E;
}
.op_bronze{
    background: #b08d57;
}
.op_greenblue{
    background: #FF5733;
}
.op_cyan{
    background: #00FFFF;
}
.op_orange{
    background: #FF7900;
}
.op_titanium{
    background: #878681;
}

.op_phantomblack{
    background: #211e16;
}
.op_phantomnavy{
    background: #3a414a;
}
.op_phantomsilver{
    background: #c2c9d5;
}
.op_phantomtitanium{
    background: #6e7074;
}
.op_phantombrown{
    background: #5f4e4b;
}
.op_phantomblue{
    /*background: #384b77;*/
    background: rgb(2,22,97);
    background: linear-gradient(90deg, rgba(2,22,97,1) 0%, rgba(21,77,196,1) 20%, rgba(85,101,238,1) 40%, rgba(68,27,164,1) 60%, rgba(51,6,98,1) 80%, rgba(153,15,215,1) 100%);
}
.op_phantomred{
    background: #800000;
}
.op_phantompink{
    background: #efc5be;
}
.op_phantomviolet{
    background: #a5a8c4;
}
.op_phantompurple{
    background: #35164f;
}
.op_phantomwhite{
    background: #e9e9e7;
}
.op_phantomgray{
    background: #6e7074;
}


/* iphone 13 pro */
.op_sierrablue{
    background: #abc3db;
}
.op_graphite{
    background: #585754;
}

/* iphone 13 */
.op_13blue{
    background: #447792;
}
.op_midnightblue{
    background: #42474d;
}
.op_starlight{
    background: #fbf7f4;
}
.op_13red{
    background: #bf0013;
}

/* iphone 12 pro */
.op_pacificblue{
    background: #355563;
}

/* iphone 12 */
.op_12blue{
    background: #3c4870;
}
.op_12red{
    background: #b90b2d;
}


/* iphone 11 pro */
.op_midnightgreen{
  background: #4E5851;
}
.op_spacegray{
  background: #535150;
}
.op_11silver{
    background: #EBEBE3;
}

/* iphone 11 */
.op_lightyellow{
    background: #FFE681;
}
.op_lightpurple{
    background: #D1CDDA;
}
.op_lightgreen{
    background: #AEE1CD;
}
.op_11black{
    background: #1F2020;
}
.op_11white{
    background: #F9F6EF;
}
.op_11red{
    background: #BA0C2E;
}
/* iphone se */
.op_sered{
    background: #980110;
}

.op_peach{
    background: #ffcba4;
}
.op_burgundy{
    background: #740f35;
}
.op_gold,.op_sierrablue,.op_silver,.op_graphite,.op_blue,.op_midnighblue,.op_midnighgreen,.op_pacificblue,.op_starlight,.op_red,.op_pink,.op_rosegold,.op_white,.op_black,.op_spacegray,.op_green,.op_lightyellow,.op_lightgreen,.op_lightpurple,.op_purple,.op_yellow,.op_gray,.op_iceblue,.op_darkpurlpe,.op_darkblue,.op_cream,.op_13blue,.op_13red,.op_12blue,.op_12red,.op_11silver,.op_11silver,.op_11black,.op_11white,.op_11red,.op_sered,.op_midnightblue,.op_titanium,.op_orange,.op_cyan,.op_greenblue,.op_bronze,.op_brown,.op_phantomgray,.op_phantomwhite,.op_phantompurple,.op_phantomviolet,.op_phantompink,.op_phantomred,.op_phantomblue,.op_phantombrown,.op_phantomtitanium,.op_phantomsilver,.op_phantomnavy,.op_phantomblack,.op_productred,.op_midnightgreen,.op_peach,.op_burgundy{
    border-radius: 50%;
    width: 32px;
    height: 32px;
    min-width: unset !important;
    font-size: 0 !important;
    position: relative;
    margin: 10px;
    border: none;
}
.op_gold:before,.op_sierrablue:before,.op_silver:before,.op_graphite:before,.op_blue:before,.op_midnightblue:before,.op_stralight:before,.op_red:before,.op_pink:before,.op_rosegold:before,.op_white:before,.op_black:before,.op_spacegray:before,.op_green:before,.op_lightyellow:before,.op_lightgreen:before,.op_lightpurple:before,.op_purple:before,.op_yellow:before,.op_gray:before,.op_iceblue:before,.op_darkpurlpe:before,.op_darkblue:before,.op_cream:before,.op_13blue:before,.op_13red:before,.op_12blue:before,.op_12red:before,.op_midnighgreen:before,.op_pacificblue:before,.op_11silver:before,.op_11black:before,.op_11white:before,.op_11red:before,.op_sered:before,.op_titanium:before,.op_orange:before,.op_cyan:before,.op_greenblue:before,.op_bronze:before,.op_brown:before,.op_phantomgray:before,.op_phantomwhite:before,.op_phantompurple:before,.op_phantomviolet:before,.op_phantompink:before,.op_phantomred:before,.op_phantomblue:before,.op_phantombrown:before,.op_phantomtitanium:before,.op_phantomsilver:before,.op_phantomnavy:before,.op_phantomblack:before,.op_productred:before,.op_midnightgreen:before,.op_peach:before,.op_burgundy:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
    border-radius: 50%;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 15%);
}
.op_gold:after,.op_sierrablue:after,.op_silver:after,.op_graphite:after,.op_blue:after,.op_midnightblue:after,.op_starlight:after,.op_red:after,.op_pink:after,.op_rosegold:after,.op_white:after,.op_black:after,.op_spacegray:after,.op_green:after,.op_lightyellow:after,.op_lightgreen:after,.op_lightpurple:after,.op_purple:after,.op_yellow:after,.op_gray:after,.op_iceblue:after,.op_darkpurlpe:after,.op_darkblue:after,.op_cream:after,.op_13blue:after,.op_13red:after,.op_12blue:after,.op_12red:after,.op_midnighgreen:after,.op_pacificblue:after,.op_11silver:after,.op_11black:after,.op_11white:after,.op_11red:after,.op_sered:after,.op_titanium:after,.op_orange:after,.op_cyan:after,.op_greenblue:after,.op_bronze:after,.op_brown:after,.op_phantomgray:after,.op_phantomwhite:after,.op_phantompurple:after,.op_phantomviolet:after,.op_phantompink:after,.op_phantomred:after,.op_phantomblue:after,.op_phantombrown:after,.op_phantomtitanium:after,.op_phantomsilver:after,.op_phantomnavy:after,.op_phantomblack:after,.op_productred:after,.op_midnightgreen:after,.op_peach:after,.op_burgundy:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
    border-radius: 50%;
    box-shadow: inset 0 2px 2px rgb(0 0 0 / 15%);
}
.op_gold.button-border,.op_sierrablue.button-border,.op_silver.button-border,.op_graphite.button-border,.op_blue.button-border,.op_midnightblue.button-border,.op_starlight.button-border,.op_red.button-border,.op_pink.button-border,.op_rosegold.button-border,.op_white.button-border,.op_black.button-border,.op_spacegray.button-border,.op_green.button-border,.op_lightyellow.button-border,.op_lightgreen.button-border,.op_lightpurple.button-border,.op_purple.button-border,.op_yellow.button-border,.op_gray.button-border,.op_iceblue.button-border,.op_darkpurlpe.button-border,.op_darkblue.button-border,.op_cream.button-border,.op_13blue.button-border,.op_13red.button-border,.op_12blue.button-border,.op_12red.button-border,.op_midnighgreen.button-border,.op_pacificblue.button-border,.op_11silver.button-border,.op_11black.button-border,.op_11white.button-border,.op_11red.button-border,.op_sered.button-border,.op_titanium.button-border,.op_orange.button-border,.op_cyan.button-border,.op_greenblue.button-border,.op_bronze.button-border,.op_brown.button-border,.op_phantomgray.button-border,.op_phantomwhite.button-border,.op_phantompurple.button-border,.op_phantomviolet.button-border,.op_phantompink.button-border,.op_phantomred.button-border,.op_phantomblue.button-border,.op_phantombrown.button-border,.op_phantomtitanium.button-border,.op_phantomsilver.button-border,.op_phantomnavy.button-border,.op_phantomblack.button-border,.op_productred.button-border,.op_midnightgreen.button-border,.op_peach.button-border,.op_burgundy.button-border{
    outline: 1px solid #6577d3 !important;
    outline-offset: 3.5px;
    border: none !important;
}